Seijaku (静寂)
A responsive UX/UI site concept for an upscale Japanese restaurant, with cohesive experiences across mobile, tablet, and desktop
Overview
This project focused on designing Seijaku (静寂), a responsive UX/UI concept for an upscale Japanese restaurant, with cohesive experiences across mobile, tablet, and desktop. Over a several-week project, I delivered Figma screens that prioritize clarity and calm, using a minimalist visual language to present the home, menu, and about pages as a quiet, refined brand touchpoint.
My Role:
-
Lead UX/UI Designer
Time:
-
Six Weeks
Tools Used:
-
Adobe Illustrator
-
Figma
Deliverables:
-
Figma Prototype
The Challenge
Many restaurant websites feel cluttered and generic, making it hard for guests to quickly understand the concept, browse the menu, or get a sense of the atmosphere—especially on smaller screens. The challenge was to create a serene, modern interface that surfaces essential content clearly while maintaining an intimate, high‑end feel across breakpoints.
Research
Mobile‑first and responsive web best practices informed the structure, with attention to typography scaling, vertical stacking, and thumb‑friendly layouts on mobile. Visual inspiration from minimalist omakase restaurants like Sushi Noz and O Ya guided the use of ambient gradients, restrained imagery, and ample whitespace to evoke calm without heavy media.
Ideas
Design exploration centered on three core views—Home, Menu, and About—each tailored to answer a specific user question: “What is this place?” “What can I eat?” and “What is the story behind it?” Layouts were iterated to keep key content (tagline, featured dishes, philosophy) high on the page, with secondary elements like chef stories or ambiance details placed in clean, scroll‑friendly sections.
Prototype
The final Figma prototype included:
-
A responsive homepage that introduces the restaurant’s concept with a calm hero, concise copy, and ambient gradients in place of heavy video
-
Menu pages that present dishes in a clean, scannable layout, adjusting typography and spacing for mobile, tablet, and desktop
-
About pages that highlight story, philosophy, and ambiance through minimal text blocks and carefully spaced imagery
-
A consistent visual system—color, type, spacing—that keeps the experience quiet and upscale across all three breakpoints
Outcome & Reflection
Seijaku’s (静寂) design clarified it as more than a standard restaurant template; the prototype framed it as a curated brand experience where visitors can quickly grasp the concept, explore offerings, and understand the story without visual clutter. By aligning home, menu, and about layouts under one minimalist system, it demonstrated how a restaurant can communicate sophistication and calm across devices.
Designing Seijaku (静寂) highlighted how strongly hierarchy, whitespace, and responsive type shape whether a restaurant site feels calm or cluttered across mobile, tablet, and desktop, and how important it is to treat the three breakpoints as one coherent system. Next time, incorporating light user testing and subtle micro‑interactions (like refined hover states and gentle transitions) would help validate content priorities and add polish without disrupting the minimalist tone.
Check out my other projects
lexilight
Roadto100Countries
TeaMuse
MD | Mekiayla Dunston
Come with me on a journey of creativity where art, design, and photography come together to tell captivating stories. Explore narratives that go beyond time, creating imaginative tales that really connect with us.