Here’s a **fully rewritten, senior-level UX/UI case study** for **Kanvas Restaurant**, structured for your portfolio to highlight process, strategy, and impact.
—
# **Kanvas Restaurant — UX & UI Design**
### *Creating a seamless digital experience for diners, reservations, and brand storytelling.*
—
# **Overview**
Kanvas Restaurant wanted to modernize its digital presence to attract new customers, improve reservations, and showcase its unique culinary identity. The existing website was outdated, difficult to navigate, and lacked visual storytelling that communicated the restaurant’s premium brand.
I was engaged to design a **modern, responsive website** that enhances user experience, simplifies reservations, and elevates brand perception.
**My Role**
Lead UX/UI Designer
Brand Experience · Responsive Web · Interaction Design · Reservation Flow · Visual Storytelling
**Team**
Owner / Chef · Marketing Lead · Front-End Developer
**Timeline**
5 weeks
—
# **The Challenge**
Kanvas Restaurant faced three key issues:
### **1. Poor first impressions**
The homepage did not showcase the restaurant’s unique atmosphere, menu, or visual identity, leaving potential customers uninspired.
### **2. Confusing reservation flow**
Users had to navigate multiple pages and forms to book a table, resulting in friction and potential lost bookings.
### **3. Inconsistent branding**
Typography, color palette, and imagery were inconsistent, failing to communicate the restaurant’s premium positioning.
—
# **Goals**
### **Business Goals**
* Increase online reservations
* Enhance the restaurant’s brand image
* Make the website mobile-friendly and visually appealing
* Improve discoverability of menu, events, and promotions
### **User Goals**
* Quickly view menus, hours, and location
* Easily book a table or RSVP for events
* Enjoy an engaging, intuitive browsing experience
* Get a sense of the restaurant’s atmosphere
—
# **Research & Insights**
I conducted:
* Competitive audit of high-end restaurants and local favorites
* Review of existing analytics to identify friction points in reservation flow
* Photo and content audit for brand alignment
### **Key Insights**
* Users expect **fast access to reservations**
* Visual storytelling is critical in the food and hospitality industry
* Mobile-first browsing is essential as most visitors use smartphones
—
# **Design Approach**
### **1. Streamlined Reservation Flow**
* Condensed the reservation process to a single, clear CTA
* Simplified form fields and calendar selection
* Added confirmation feedback and reminders
### **2. Visual Storytelling**
* Full-screen hero photography on the homepage
* Modular sections highlighting the ambiance, chef, and signature dishes
* Use of video snippets and parallax sections to engage users
### **3. Consistent Branding**
* Refined color palette, typography, and iconography
* Established consistent spacing, card designs, and imagery style
* Cohesive visual language for menus, events, and promotions
### **4. Mobile-First Design**
* Optimized layout for smartphones and tablets
* Large tap targets for menu and reservation CTAs
* Smooth scrolling and interactive elements for engagement
—
# **Before & After Highlights**
### **Before**
* Outdated visuals and inconsistent branding
* Complex reservation flow
* Hard-to-read menu and event details
* Poor mobile experience
### **After**
* Modern, visually engaging homepage with strong brand storytelling
* Simplified, single-step reservation flow
* Clear menu hierarchy and interactive event sections
* Mobile-first experience with intuitive navigation
—
# **Accessibility Enhancements**
* Improved contrast for text over images
* Clear headings and semantic HTML for screen readers
* Tap-friendly buttons and links
* Scalable typography for readability
—
# **Outcome & Impact**
### **Qualitative Results**
* Owners reported a smoother reservation experience
* Positive customer feedback on visual design and ease of use
* Increased inquiries for events and private dining
### **Metrics (Early Indicators)**
* Higher reservation completion rate
* Increased time spent on homepage
* Better engagement with menus and event pages
—
# **Reflection**
Kanvas Restaurant reinforced the importance of **brand storytelling through design**. The project’s biggest wins came from:
* Simplifying core actions (reservations)
* Elevating brand perception through visuals
* Mobile-first thinking for modern diners
If expanded, this design could include:
* Interactive menu filtering by dietary preference
* Loyalty or membership integration
* Seasonal event promotion modules
—
I can now rewrite your **Fossil** case study next in the same senior-level style, or we can continue building the full portfolio case library with **Blue Cross Blue Shield** or **Norman Ward Architect**.
Which one should I tackle next?