Comfi by Proto.io
The Rebuild of an Immersive User-Freindly App
In this project, I focused on rebuilding and recreating the Comfi app, a sample app design created by Proto.io, while mastering this wireframing and prototyping software itself. Comfi is an immersive and user-friendly app for buying sofas online.
Low Fidelity Wireframes
1.1-Splash
2.1-Onboard
3.1-Sign in
4.1-Sign up
5.1-Products
6.1-Product Details
7.1-Order Details
8.1-Delivery Method
9.1-Placing Order
10.1-Order Placed
11.1-Track
Learning a New Design Tool
Through my exploration of this powerful design tool, I gained a deeper understanding of various design patterns and techniques, equipping me with the versatility to tackle future design challenges.
Focus on Animation and Motion
I placed a strong emphasis on the importance of animation in UX design in this project. Using Proto.io's interactive components, gestures, and advanced animations, the app is brought to life by implementing custom components, screen states, and state transitions into the design. As the video of my final product below shows, these advanced animations and scrolling features made the user experience engaging and enjoyable.
20230711165902.mp4Hi-Fi Prototype
Takeaway
This project was particularly interesting because it allowed me to learn a new design tool, Proto.io and understand the vital role of motion in UX design. Recognizing this indispensable element, I have come to understand that static designs without animated elements can just feel like fancy PowerPoint slides.
Motion brings user experiences to life, making them more engaging, immersive, and memorable. By incorporating animation, the overall user experience can magically be elevated. Perhaps, these micro-interactions and fluid interfaces within the apps and websites we encounter every day have just become so ingrained in our minds that we often overlook their presence and importance.
As a UX designer, recognizing and appreciating these elements is essential, as they enhance the user experience.