truecraft.DIGITAL MEDIA

Hospitality · Restaurant

Swagat India Bar & Bistro Website Design

A warm, story-led website for an Edmonton Indian kitchen: a namaste welcome, a thali that fills itself as you scroll, and a searchable menu of 150+ dishes.

Start a similar project →

01 · Location

Edmonton

02 · Project type

Website Design & Development

03 · Timeline

Launched 2026

Swagat India Bar & Bistro project by TrueCraft

Case 21 · Swagat India Bar & Bistro

Visit website ↗

The challenge

  • Website Design
  • Web Development

Swagat cooks North Indian, Indo-Chinese and Nepali food under one roof, and its regulars already loved the kitchen. Online it looked like any other template restaurant.

The old site had a long menu that was hard to use on a phone, no sense of the warmth of the dining room, and nothing that gave a first-time diner a reason to choose Swagat over the place next door.

Swagat means welcome. We built the restaurant a website that says it before a guest ever reaches the door on 118 Avenue.

Inside the build

Screens from the live site.

swagatindianbistrobar.ca
Swagat website loading screen with gold namaste hands
01 · A namaste welcome that opens like temple doors
swagatindianbistrobar.ca
Swagat homepage brass thali filled with six dishes
02 · The thali fills course by course as you scroll
swagatindianbistrobar.ca
Swagat dark menu page with search, filters and category tabs
03 · A searchable, filterable menu of 150+ dishes
swagatindianbistrobar.ca
Swagat signature dishes: butter chicken, chilli chicken and momos
04 · Signature dishes from all three kitchens
swagatindianbistrobar.ca
Swagat Our Story page hero
05 · The story page carries the same warmth

On mobile

Every screen works at thumb size.

Swagat homepage thali on a phone
The thali story on mobile
Swagat menu with filters on a phone
Search and filters at thumb size
Project goals

What success had to look like.

01Goal

Hospitality first

A first impression that feels like being welcomed into an Indian home, not handed a flyer.

02Goal

A menu people can use

150+ dishes across three kitchens, searchable and filterable for vegetarian, spicy and house favourites.

03Goal

Built for phones

Most diners decide on a phone, so every section had to read and tap cleanly at thumb size.

What we did

Services on this project.

Art direction, UI design for every page, front-end development, menu data and search, scroll animation, on-page SEO, and launch on the restaurant's own domain.

Now reading

01/04

Art direction

  1. 01

    Art direction

    A maroon-and-gold system with toran garlands, jaali patterns, brass thalis and Devanagari accents.

  2. 02

    Website design

    Home, menu, story and visit pages designed around food, warmth and an easy path to order or call.

  3. 03

    Web development

    A fast, hand-built site with GSAP scroll animation, smooth scrolling and no CMS overhead.

  4. 04

    Menu UX

    Instant search, dietary filters and sticky category tabs across the full menu.

The solution

How it came together.

The visit opens with a namaste: two hennaed brass hands that part like temple doors to reveal the homepage. From there a brass thali fills itself course by course as you scroll — basmati, butter chicken, shahi paneer, chana masala, garlic naan and gulab jamun — each with its story and price.

The menu became its own dark, candle-lit room. Guests can search 150+ dishes, filter for vegetarian, spicy or house favourites, and jump between categories with tabs that stay pinned as they scroll. The story and visit pages carry the same warmth, with a live open-or-closed status, hours, and one-tap directions and calling.

OUT/01 · Result

150+

Dishes searchable in seconds

OUT/02 · Result

3

Kitchens on one menu

OUT/03 · Result

Mobile

Designed thumb-first

OUT/04 · Result

Live

Open and closed status in real time

Our brand finally feels as warm and welcoming online as the dining room does in person.

SISwagat India Bar & BistroOwner