RIVARNO
PROJECT OVERVIEW
A Website Design and Coding for a Cafe to Showcase its Brand Identity
PROTOTYPE
BUSINESS PROPOSAL
Cafe Rivarno (Fictional)
Kitslano, Vancouver, Canada
Age: 20-50 years old, Gender: All genders, Income: Low to upper-middle income, Education: High school, college, and university graduates, Occupation: Students, young professionals, creatives, and local residents
To create a welcoming space that embodies the spirit of Kitsilano while expanding their reach and making it easier for customers to enjoy their offerings.
Promote Brand Values: Showcase their commitment to sustainability and organic products on dedicated website sections.
Enhance Customer Convenience: Provide a user-friendly online ordering system for quick coffee fixes or cozy nights in.
Expand Customer Reach: Attract new customers with pickup options.
UI KIT
I chose colours that reflect the cafe's brand values. Its primary colors are deep green (#366b66) and soft green (#7eb693), symbolizing sustainability, with earthy brown (#625136) adding warmth. I used Yeseva One for headers and Rosario for body text to create a stylish yet friendly atmosphere.This combination creates a stylish and friendly website.
FINAL SCREENS
LIVE WEBSITE
LEARNINGS
Throughout the case study, I learned how to develop branding, from creating a logo to designing an entire site, based on a fictional client's business proposal. I discovered how effective and efficient it is to set variables and how crucial it is to adhere to design principles for branding. I used variables and set minimum and maximum widths to design a responsive web layout. Principles like consistency, proximity, hierarchy, and white space significantly enhanced the overall design and branding.
