iCoffee
The project focused on designing and implementing a website that allows users to customize their coffee preferences, including parameters like temperature, milk, sweetness, and caffeine levels, to generate a personalized coffee suggestion. Besides, for the users who do not know coffee well, iCoffee includes a library that shows all the differences between each kind of coffee. The primary aim was to create an intuitive, user-centered platform that combines functionality with aesthetic appeal, reflecting principles of effective UX design.
Technical and Design Implementation
The design process began with Figma, where the visual layout and user interactions were meticulously planned. Figma was instrumental in creating a clear blueprint for how the app would look and function, ensuring consistency in visual elements like icons, colors, fonts, and the overall information hierarchy. Once the design prototype was finalized, HTML, CSS, and JavaScript were used to develop the website. These technologies brought the design to life, enabling interactive features such as dynamic sliders and toggles for customization. The final product was an easy-to-navigate, aesthetically cohesive interface that guided users seamlessly through the coffee customization process.
Goals
The iCoffee project not only showcased the application of user-centered design principles but also emphasized the importance of transitioning from design prototypes to functional implementations. By focusing on accessibility, interactivity, and aesthetic coherence, the project provided valuable insights into creating inclusive and engaging digital experiences.