Oncycle, a brand new, environmentally friendly clothing company. The goal of the project was to create a user-friendly, visually appealing, and responsive website that enhances the shopping experience. The design brief emphasized a mobile-first approach, streamlined navigation, and clear categorization of products.

Final Project from the course: UI Development

The style tile for Oncycle is based on a green scale with a serif typography. Primary colors like green and forest green are a representative feeling of the recycling concept. Also, a clean and minimalist style was chosen to convey the simpleness and greatness of a recycled product.

The sitemap was structured to provide intuitive navigation while minimizing user clicks. Key pages include the home, product list, product, contact, about and account.

Wireframes helped outline the basic structure of the site. These wireframes were instrumental in testing the layout before moving into high-fidelity designs. The mobile-first approach ensured that all key functions could be accessed smoothly on small screens.

Desktop

Mobile

Low-fidelity prototypes were developed based on the wireframes. These were a quick but fully functional version. Not applying aesthetics so the main focus was usability.

Desktop

Desktop

The final product was achieved after putting the high-fidelity prototype to the test thrpugh a Live User Test. It reflects a polished, user-friendly e-commerce platform. Key features include a streamlined shopping experience, optimized mobile layouts, and visually appealing product displays. The website was designed to balance aesthetic appeal with functional ease, ensuring users can browse and buy products effortlessly.

Desktop

Mobile