Skip to main content
Brand & Digital Experience

Sakisa Seafoods

I designed the website UX/UI and implemented it on Google Sites, then created supporting marketing materials—a menu card and promotional flyer—all sharing a cohesive visual language.

Role

Brand & Digital Experience Designer

Type

Brand & Digital Experience

Project Overview

Project

Sakisa Seafoods

Role

Brand & Digital Experience Designer

Type

Brand & Digital Experience

Status

completed

01 —

The Challenge

The restaurant needed to move beyond traditional approaches to reach customers online. The design work required several things simultaneously:

First, creating a website that presented the menu clearly and made ordering straightforward. Second, establishing consistent visual presence across digital and print—the website, menu card, and promotional materials all needed to feel connected. Third, working within the limitations of the Google Sites platform while still achieving a professional, custom-designed feel.

The challenge wasn't just building a website; it was creating a complete brand experience across multiple formats.

02 —

Designing Within Constraints

I implemented the website using Google Sites, which meant working within a templated platform rather than custom development. This introduced real constraints—limited layout flexibility, predefined component options, and less control over responsive behavior than a custom-built site would offer.

Rather than see this as a limitation, I approached it as a design problem to solve. The focus became making intentional decisions about information hierarchy, content organisation, spacing, imagery, and visual consistency. Within the available layout options, I structured the pages to guide visitors clearly from first impression to menu discovery to ordering.

The result was a website that feels designed and considered, despite the platform's constraints. The visual direction and hierarchy were strong enough that the platform boundaries became invisible to the visitor.

03 —

Website UX/UI

The website needed five main sections: a home page to establish first impression and value; an About section to build trust; a Menu page for detailed offerings; an FAQ for customer questions; and a Contact page for ordering and location information. This structure created a clear path: discover → understand → browse menu → order.

The home page was the strongest part of the design. It opened with a clear tagline—"Fresh Seafood Menu Crafted for You"—followed by six value proposition cards explaining what made the restaurant different: fresh catch, no mixing of stocks, no chemicals, chettinad taste, hygienic preparation, and premium quality at honest pricing. Below that, I structured a menu showcase with food categories (Fry, Curry, Combo), a four-step process flow showing how to order, and owner information with an embedded map. The design guided visitors through a journey: who are you, what do you offer, how do I order, where are you located.

The menu page presented categories and items with descriptions and pricing, organized for easy scanning. Contact and ordering were made prominent throughout: WhatsApp for direct pre-ordering, Zomato for aggregator ordering, QR codes for quick access, and the business phone number repeated at multiple points. The design removed friction from the ordering process.

04 —

Website Structure in Practice

Homepage

Hero section with tagline and value propositions, menu showcase, process flow, and owner information with location.

Sakisa Seafoods website homepage showing hero section, value propositions, menu categories, process flow, and location information

Menu Page

Organized menu categories with food imagery and clear information hierarchy for browsing.

Sakisa Seafoods website menu page showing organized food categories and items

Contact & Ordering

Multiple ordering options integrated throughout the site: WhatsApp, Zomato, QR codes, and map location.

Sakisa Seafoods website contact section with WhatsApp and Zomato ordering options and location map

05 —

Creating the Visual Language

The visual direction wasn't something I inherited—the client provided the logo, but the color system, typography, layout approach, and consistency across materials were design decisions I made.

The palette used a deep brown/burgundy primary with golden yellow/orange accents and cream backgrounds. This combination conveyed warmth and trust while supporting appetite appeal for food imagery. The typography was clean and readable across scales, with strong heading hierarchy to guide scanning. The layout used structured sections, clear grouping, and balanced imagery to create visual rhythm.

These choices weren't complicated, but they were intentional. Every element served the goal of presenting the restaurant as professional and trustworthy while feeling approachable. The bilingual presentation—English and Tamil—ensured local relevance.

The strongest part of this visual language was its consistency. The same colors, typography, and layout patterns appeared on the website, menu card, and flyer. That consistency created recognition and professionalism across multiple contexts.

08 —

Promotional Flyer

The flyer was a front/back promotional piece designed to catch attention and drive ordering. The front side featured a large circular food arrangement paired with messaging about quality: "Fresh Catch. No Mixing. No Chemicals. Chettinad Taste. Hygienic. Premium Quality." This wasn't marketing fluff—these were actual business practices the owner could stand behind.

The back side organised the menu by category with food imagery and prominent ordering CTAs: WhatsApp, Zomato, and QR codes. The design used the same color system and typography as the website and menu card, creating visual continuity.

I also created an alternate flyer version, exploring different compositions while maintaining the same visual language and messaging.

The flyer demonstrated how the same visual direction could adapt to different formats and purposes—it wasn't just a miniaturised version of the website, but a separate design that solved the problem of promotional materials while maintaining brand consistency.

09 —

Promotional Flyer Design

Primary Flyer

Front and back promotional design featuring value propositions, menu preview, and multiple ordering options.

Sakisa Seafoods promotional flyer front and back with food arrangement, value propositions, menu categories and ordering CTAs

Alternate Composition

Alternate flyer design exploring a different visual arrangement while maintaining the same visual language, menu organization, and ordering calls-to-action.

Sakisa Seafoods alternate promotional flyer using the same visual language, menu categories, and ordering information

10 —

One Visual Language Across Multiple Touchpoints

The strongest part of this project wasn't any single design, but the consistency across all three: website, menu card, flyer.

A visitor encountering the website and later seeing the menu card or flyer would immediately recognise them as part of the same brand. The color palette was identical. The typography was consistent. The way information was organized followed similar patterns. Even the food imagery had a consistent visual treatment and tone.

This wasn't a formal design system with extensive documentation. It was visual consistency achieved through intentional design decisions and careful implementation. Every layout choice, color choice, and typography choice was made with an eye toward maintaining that cohesion.

In practice, this meant that the restaurant's brand voice was consistent regardless of where the customer encountered it—online or in print, on a large desktop screen or a printed card in their hands. That consistency is what creates recognition and trust.

11 —

Visual Consistency Across Formats

Website

Digital presence showing visual system in action across sections and interactions.

Sakisa Seafoods website homepage as primary touchpoint

Menu Card

Print design applying the same visual language to a compact, functional format.

Sakisa Seafoods menu card showing consistent color and typography

Promotional Flyer

Marketing material adapting the visual direction for promotional impact.

Sakisa Seafoods promotional flyer extending visual language to print promotion

12 —

Content Creation

The website content was created using AI based on business information the client provided—menu item names, descriptions, pricing, address, hours, and business details. I structured that content into the website experience, organising it for clarity and scannability.

This approach allowed the website to launch quickly with accurate business information without requiring me to independently create menu descriptions or business copy. The client remained the authority on what the restaurant offers; I structured that information for the digital format.

13 —

Outcome

The project delivered:

  • A complete website designed and implemented on Google Sites
  • Five main pages (Home, About, Menu, FAQ, Contact) with clear information architecture
  • A menu card that organised the business's offerings for print distribution
  • A promotional flyer that communicated key differentiators and drove ordering
  • A consistent visual language across all digital and print materials
  • Integration with WhatsApp and Zomato ordering systems

The design demonstrates the ability to create cohesive brand experiences across different media and formats, to work effectively within platform constraints, and to balance visual design with practical user needs.

No measurable business outcome data was available for this project. The case study is based on the quality and breadth of the design work itself—the information architecture, visual consistency, and thoughtful implementation across web and print.

14 —

Reflection

This project illustrated how constraints can actually drive better design. Because I was limited by the Google Sites platform, I couldn't rely on custom code or complex interactions. I had to solve problems through clear hierarchy, strong layout decisions, and consistent visual language. The result was cleaner and more focused than it might have been otherwise.

It also demonstrated the value of working across multiple formats. The website, menu card, and flyer were different problems with different requirements, but solving them as a connected system created something stronger than any single piece alone. That kind of thinking—considering how one design choice supports the whole brand experience—is something I bring to every project.

Finally, it reminded me that design at its best solves real problems for real people. Sakisa Seafoods is a functioning business with actual customers, not a fictional case study. The website, menu, and flyer had to work. The visual language had to be professional enough to build trust, but approachable enough to feel welcoming to local customers. Those practical constraints made the design better.

Next Case Study

Kannan Personal Website

My personal website is being designed and developed as a practical design-to-code project, bringing together UX strategy, interface design, design systems and frontend development.

View Case Study

Related Work

Yoga Center project image
Brand Identity & Visual Communication

Yoga Center

I designed the visual identity for Nagendran Yoga International and applied the visual direction across promotional, print, and digital touchpoints.

Role: Brand & Visual Design

Advocate Consultation Platform project image
Professional UX/UI

Advocate Consultation Platform

A two-sided consultation platform connecting clients seeking legal advice with available advocates through integrated booking and case management workflows.

Role: UX/UI Design

Have a brand, product or website to build?

Let's discuss your project, role or collaboration opportunity.