Skip to main content

Tools will be used ~

 

The tools that will be used...

1. Figma


For this project, Chill Penguins developed a platform called Book Swap for UUM students, and we used Figma as our main design tool. Figma was chosen because it is practical, user-friendly, and powerful enough to support a full UX design process from wireframing to prototyping. Since it is cloud-based, it allowed our team to work efficiently without facing issues like version conflicts or access limitations.

One of Figma’s major strengths is its real-time collaboration feature. It enabled all team members to edit, organize, and review the design together, which made the development of Book Swap more streamlined and cohesive.

Key features we used:

Interactive Prototyping: We built clickable prototypes to simulate the user journey across the Book Swap platform, making it easier to test and refine navigation flows.

Component System: We created consistent design elements like buttons, navigation bars, and forms to ensure the user interface was clean and professional.

Commenting Tools: Team members could directly leave feedback, which helped in organizing ideas and improving the design efficiently.

Plugins and Resources: Plugins helped us quickly access additional assets like icons and sample content to speed up the design process.

How Figma supported a user-centered design:
Figma allowed us to focus heavily on user experience by giving us tools to visualize, test, and refine the interface based on how UUM students would interact with Book Swap. Its features made it easier to ensure that the final design was intuitive, consistent, and truly catered to student needs.




Comments

Popular posts from this blog

Meet the Team Behind the Book Swap System

WELCOME TO OUR BOOK SWAP SYSTEM 🕮 We’re a passionate team from Chill Penguin aiming to reduce textbook waste and promote sharing through our Book Swap System. What is Book Swap? Book Swap is a student-powered system where textbooks are exchanged instead of bought. It’s sustainable, budget-friendly, and community-driven! Follow us for updates, events, and book listings.

What are the Problem Here?

 THE TEXTBOOK STRUGGLE IS REAL ! Buying textbooks every semester is one of the biggest headaches for students, not only are they expensive, but finding second-hand options often feels like searching for a needle in a haystack. While new students scramble to find affordable books, senior students are left with stacks of used textbooks they no longer need, with no easy way to pass them on. This mismatch creates a real gap: first-years face financial pressure, while seniors miss the chance to recoup some of their costs. Without a simple, centralized platform to connect the two, valuable books go unused, and students end up spending more than they need to. It’s an ongoing cycle of wasted money, time, and resources, and we think it’s time to change that.

Inside a Student’s Mind: The Book Swap Experience

  EMPATHY MAP This image shows an empathy map for users of a book swap or second-hand textbook marketplace, likely for UUM students. An empathy map is a visualization tool used in design thinking to gain deeper insight into users by exploring different aspects of their experience. Core Components of the Empathy Map Central Focus The map places the user (represented by a silhouette) at the center, with six key sections radiating outward to capture different aspects of the user experience. THINK Section (Left, Light Green) Key thoughts : "Are the books in good condition?" "Can I trust this seller/buyer?" "Why buy new if I can get it cheaper second-hand?" "I want to save money on textbooks and still get good quality." This section captures the rational considerations and questions users have during the book swap process. DOES Section (Top, Light Blue) Key behaviors : "Sends messages to negotiate prices or ask about book condition....