Project Brief
-Redesign webpage
-Improve user experience
A fictitious company Gulp Roast Coffee is in the need of redesigning their webpage to rebrand their site, generate more leads, and improve functionally for better user experience.
As a designer for this project, I was able to use my creativity with the provided contents and style guide to give the webpage a fresh look.
Challenge
The current design of the webpage is informative, however, the oversized images and lengthy contents on the landing page is overwhelming. The hero images in a slideshow taken the entire screen, and the long scroll of contents screaming at users will probably keep the users from engaging more time on the page.
It is best to categorize contents in the navigation, to lead an easy and quick access. Large images can be resized with contents on the side for better viewing experience. Informative pages can use the same template to create consistency, the entire webpage will be redesigned to show similarity to create branding effects.
Current Webpage
Low-Fidelity Wireframes
Landing Page/About/Location/Contact
Coffee Page
Coffee Details Page
Mid-Fidelity Wireframes
Style Guide
The company has provided an extensive style guide for this project, but to keep the webpage uniformed and to boost brand awareness. I chose the Coffee color as main, navy for secondary and orange for accent. The background is an off-white color to increase visibility.
To ensure text legibility and comfort of user experience, all the colors for this webpage has passed the color contrast ratio test.
High-Fidelity Wireframes
Reflection
The Gulp Roast Coffee redesign project was a great journey focused on improving user experience to increase brand loyalty. During the design process, I aimed at create a consistent style throughout the site to increase brand awareness. It was a great learning opportunity to design interfaces from a user-centered perspective.
