Skip to main content

Our Project Journey ~

 

Our project journey , from ideas to action ~

The image displays a comprehensive Gantt chart for a "Book Swap" project. This project management tool visually maps out the project timeline, tasks, and their dependencies across the months of April and May 2025. The chart employs a design thinking methodology framework, dividing the project into five distinct phases: Empathize, Define, Ideate, Prototype, and Test.


Detailed Breakdown of Project Phases

1. Empathize Phase (April 6 – April 27)

Goal: Understand the users deeply and figure out their real needs.

Tasks:

  • Group brainstorming: Team gathers to think about ideas together for the "Book Swap" project.
  • Decide title of project: You finalized the project name ("Book Swap").
  • Project pitching to lecturer: Presented your idea to your lecturer to get approval and feedback.
  • Dividing task among team members: Split the workload so everyone has clear responsibilities.
  • Create a blog post of the project: Wrote and posted an article online explaining your project idea.
  • Prepare interview questions: Created smart questions to ask users about their experiences and needs.
  • Interview targeted user: Conducted real interviews with users to hear their stories and challenges firsthand.
2. Define Phase (April 20 – April 30)

Goal: Turn research into clear insights and define the real problem.

Tasks:

  • Create empathy map: Visual chart showing what users think, feel, see, and do.
  • Identify problem statement: Wrote a clear sentence summarizing the real user problem.
  • Analyze interview and raw data: Studied all interview answers to find patterns and important points.
  • Create persona infographic: Made a creative profile (user persona) showing a typical user's needs and behaviors.
  • Create task analysis: Broke down how users complete related tasks to find where help is needed.
  • Schedule project planning: Planned the project timeline based on what you discovered.
3. Ideate Phase (April 27 – May 16)

Goal: Brainstorm and select the best solution ideas.

Tasks:

  • Create solution based on user needs: Designed creative solutions that solve the real problems users face.
  • Gather information of book list: Collected lists of books users might want to swap or donate.
4. Prototype Phase (April 27 – June 20)

Goal: Build a working version of the solution (prototype).

Tasks:
  • Design storyboard: Drew a sequence of how users will interact with your Book Swap system.
  • Design UX project on Figma: Created the actual screen designs using the tool Figma.
  • Put interaction on page: Made the designs interactive (clickable buttons, linking pages, etc.).
  • Insert sound effect: Added audio effects to make the app more lively.
  • Insert animation: Added moving elements (animations) to the prototype for better engagement.
  • Clickable prototype: Completed a working version where users can click and experience the app.
5. Test Phase (June 20 – June 26)

Goal: Test the prototype with users and finalize it.

Tasks:
  • Play real-time demonstration: Showed the working prototype to users and gathered their feedback.
  • Final clickable application: Fixed any problems and finished the final working version of your app.

Comments

Post a Comment

Popular posts from this blog

Building Ideas Brick by Brick: Our Lego Serious Play Session

   Lego Serious Play (LSP) Purpose :  Who said ideation had to be boring? With Lego Serious Play (LSP) , we swapped whiteboards for bricks and brainstorms for build-storms! LSP helped us physically build our understanding of users and features, turning complex ideas into playful, colorful models. It wasn’t just fun (though it definitely was!). It was strategic, collaborative, and surprisingly insightful. Evidence and Diagram of Each Models :  User Need Models :  We began by building models to represent different types of users and the challenges they face . Whether it was a frustrated user stuck in a maze of features, or a user craving simplicity and speed, our Lego creations captured real human emotions and experiences. Functions/Features Models : T ranslating those needs into features and functions . Each Lego model became a physical metaphor for a tool or function the app needed. Connection Models :  Then came the magic moment: connecting it all togeth...
Post a Comment
Read more

Our Clickable Prototype

  Part 3: Clickable Prototype - BookSwap We created a clickable prototype for BookSwap using Figma to bring our ideas to life and show how the app would actually look and work. This prototype covers the main user tasks and interaction flow that we planned earlier in our storyboard and conceptual design. Here's how we applied the design requirements for this stage: ● High Fidelity in LOOK We used soft tones like teal, purple, and white to give the app a clean, student-friendly feel. Fonts are kept simple and easy to read, with consistent use of spacing and layout across all screens. Our penguin mascot appears in several screens like the welcome, home, and profile pages to give the app a fun and memorable identity. All icons follow the same rounded, minimal style to match the overall theme. Main screens designed include: Welcome/Loading, Login, Home (Book List), Book Details, Favorites, Add Book, and Profile Settings. The visual design reflects how we want the final version of the ap...
Post a Comment
Read more

8 Minutes, 8 Ideas: Our Crazy 8’s Design Sprint

  When it comes to ideation, speed can spark creativity , and that’s exactly what Crazy 8’s is all about. Each of us grabbed a piece of paper, folded it into eight sections, set a timer, and sketched eight different UI ideas in just eight minutes. No overthinking, no erasing, just rapid-fire creativity! The goal? To diverge quickly , explore multiple ways to meet our user needs, and let go of the pressure to be perfect. Gallery of Our Ideas Dalila's design is a thoughtful, step-by-step journey through the BookSwap user experience. Her sketches focus on usability , clear navigation , and practical features tailored to student needs. Highlight ideas : 1. Login and register page 2. Homepage 3. Search books page 4. Add to Cart page 5. Real-time WhatsApp Messaging 6. Maps integration 7. Successfully Bought  Wija’s design brings a touch of personality and playfulness to the BookSwap experience, all while keeping user flow and clarity front and center. Highlight ideas : 1. Pers...
Post a Comment
Read more