Morning Cup project, 2021-2022
UX/UI designer, HTML and CSS coding
Morning Cup is a passion project where I designed and developed a fully functional e-commerce website that offers high-quality roasted coffee for brewing enthusiasts. The goal was to create a simplistic and refined website design that stands out from the competition. To achieve this, I utilized color theory to implement a friendly and calming color scheme, which provides a non-intimidating atmosphere for customers to place orders.
In addition to the website design, I also developed a unique and eye-catching logo for the brand. The logo features a bright yellow, blue and white color scheme and embodies a sense of elegance, friendliness, and charm, perfectly representing the Morning Cup brand.
Throughout the creation process, I paid close attention to every detail, ensuring that the website's user experience and user interface were optimized to enhance the customer's overall experience. As a result, the Morning Cup website is not only visually appealing but also highly functional, making it a unique and remarkable online coffee roasting shop.
The Morning Cup logo is a creative representation of a coffee bean that perfectly encapsulates the brand's identity. The logo's design is inspired by the brand's name and features a cup-shaped bottom, completed by a rising sun that forms the top half of the coffee bean. The use of a small logo allows the favicon and social media accounts to showcase the logo's unique and appealing design, instantly capturing the audience's attention. The logo's animation adds a modern touch, making it more engaging and approachable for viewers. Its elegant yet friendly and charming design perfectly reflects the brand's values, making it an instant hit among coffee enthusiasts
To establish a cohesive brand identity for Morning Cup, it was crucial to create visually appealing banners that could be seamlessly integrated across various platforms, including social media and the website. The banners needed to be simple yet stylish, while also reflecting the friendly and approachable nature of the brand. Through strategic design choices, we were able to create banners that effectively communicated the brand's messaging and values, while maintaining a consistent and visually appealing aesthetic.
View the Adobe XD app: https://xd.adobe.com/view/a5c77970-475b-417b-b943-10dbbce52ab0-f094/?fullscreen
Morning Cup App
To provide a seamless coffee ordering experience on mobile devices, creating an app for Morning Cup was a crucial step. It was important to be focused on creating a strong UX and UI that would surpass the competition. With many competitors lacking an app, we aimed to provide an easy-to-use and visually appealing platform for coffee buyers to place their orders. By designing a clean and intuitive interface, we were able to create a satisfying and hassle-free experience for users. The result was an app that elevated the Morning Cup brand and provided a convenient solution for coffee lovers on the go.
Morning Cup Webpage
The Morning Cup website was designed with the brand's friendly and relaxed spirit in mind. We wanted the website to reflect the company's mission of providing a simple and enjoyable coffee-buying experience for customers. To achieve this, we focused on creating an intuitive user interface and a smooth user experience.
We carefully selected a color scheme that incorporated bright and light colors to establish a calming and inviting atmosphere. The use of white space and minimalistic design elements helped to simplify the website and create a sense of ease for users.
One of the biggest challenges we faced was ensuring that the website was better than the competition. We researched and analyzed the top coffee-selling websites to understand their strengths and weaknesses. From there, we implemented the best practices and avoided the common pitfalls.
To further improve the user experience, we incorporated features such as a search bar, a filter system, and a shopping cart. The website is also fully responsive, meaning that it works seamlessly on all devices, including smartphones and tablets.