Website Redesign
Business
Coffee Works is a café located on Folsom Ave. in Sacramento, CA. Its services are tailored to cater to creatives who appreciate organic coffee and art. The mission of Coffee Works is to create a comfortable ambiance for studying, fostering a strong community of artists through various events.
Timeline & Client
8 Weeks, School Project
Sacramento City College, UI Design - Professor Button
Deliverables
Brainstorming, User Personas, Style Tiles, Mind Map,
Low-Fidelity Wireframes, High-Fidelity Wireframes, Prototypes
I took the liberty of redesigning some products since a lot of them were outdated. My design choices made the website more modern and organized as well as eye-catching.
Style Tile
Problem
The original website is difficult to navigate. The images and illustrations are of low quality and outdated. Finding information about the products they offer is not easy, and the pages are cluttered with content. The information is disorganized, there is no clear menu, and the home page is neither welcoming nor introductory.
Audience
Primary:
College students in their mid-20’s.
Secondary:
Loyal customers in their 30’s.
Brainstorming
Coffee Packaging
Logo
Brand Re-Design
This style tile came out complicated and confusing for others, since it was my first time making one. I ended up not liking the pages and so I decided to reorganize it when I created the website.
Gift Cards
User Personas
Mind Map
Sketches
Low-Fidelity Wireframes
Mug Mockup
High-Fidelity Wireframes
Desktop Introductory Flow
Mobile Introductory Flow
Demo Video
Concluding Statement
Try It Yourself
This was my inaugural venture into the realm of website creation, and the experience proved to be incredibly enlightening. Throughout the process, I gained a comprehensive understanding of the fundamentals and conceptualization involved in crafting a website, delving into essential elements such as user personas and style tiles. Additionally, I embraced the opportunity to familiarize myself with a new tool—Adobe XD—a skill that not only added an enjoyable dimension to the learning process but also stands to be immensely advantageous for my future projects.
Undoubtedly, this project was not only enjoyable but also profoundly instructive, laying a solid foundation for my evolving skills in web development.