02 / SELECTED WORK

Digital
Experiences

Brand-led websites and digital commerce.

Selected digital projects exploring how established brand identities translate into engaging online experiences — from visual storytelling and interface design to e-commerce and property-focused landing pages.

01 / 81 KITCHEN

81 Kitchen

Translating brand identity into digital experiences.

81 Kitchen came with an established brand identity and brand guidelines. I designed the website interface from scratch in Figma, translating that existing visual language into a cohesive multi-page desktop website.

The work covers Homepage, Menu, Locations and Contact page designs, with food-led imagery and a consistent approach to typography, colour and page layout.

ROLE: UI Design / Visual System / Page Layout
PLATFORM: Figma
CATEGORY: Website UI Design
FORMAT: Desktop website designs

B / HOMEPAGE DESIGN

A food-led first impression.

Selected sections from the full-page desktop design, from navigation and the opening food imagery to modular categories and promotional highlights.

Desktop homepage navigation, food hero and Eat Well. Live Well. introduction — Opening / Navigation, food hero and brand introduction

A modular food story.

Food categories share a consistent image treatment and clear labels. The brand’s decorative shapes connect the modules into a single visual language.

Desktop homepage food-category grid with bowls, sandwiches, hot meals, breakfast, salads and desserts — Content / Food categories and modular image grid

Desktop homepage New Items and All-Time Favourites section — Highlights / New items

Desktop testimonial section design with a portrait and sample quote layout — Highlights / Testimonial layout

Desktop homepage catering banner with food photography and catering call to action — Highlights / Catering

C / MENU EXPERIENCE

Clarity across the journey.

The desktop menu combines product imagery with a clear content hierarchy. Locations and Contact extend the same visual system to practical information.

The menu, introduced.

The bowl-builder presentation leads with imagery and a sequence of choices, followed by a category-led menu layout.

Desktop menu opening with food imagery and Build Your Own Bowl visual guide — Menu / Opening and bowl-builder content

Desktop menu category navigation and signature bowl listings alongside food imagery — Menu / Category navigation and signature bowls

D / SUPPORTING INTERFACES

The practical details.

The store locator interface and contact page typography carry the same visual language into useful everyday information.

81 Kitchen Locations desktop page design — Supporting desktop screen / Locations

81 Kitchen Contact desktop page design — Supporting desktop screen / Contact

E / DESIGN APPROACH

One identity. A cohesive interface.

Brand translation

The existing brand guidelines informed the desktop UI, carrying established colours, typography and decorative elements into a new digital setting.

Visual consistency

Repeated heading styles, image treatments and graphic details create continuity across Homepage, Menu, Locations and Contact.

Content hierarchy

Distinct sections and clear page layouts separate brand storytelling, menu information and practical details.

Food-led navigation

Prominent food imagery, category labels and a consistent navigation bar help communicate the offer and organise the desktop experience.

02 / ROYAL JUBILEE

Royal Jubilee

Connecting brand storytelling with digital commerce.

Royal Jubilee is a Canadian retail business specialising in ginseng and other premium products. This multi-platform project brings together a brand website with three language versions and a dedicated online storefront.

The Wix website introduces the business, retail locations and product categories. The Shopify experience organises products for online browsing and purchasing.

PLATFORMS: Wix / Shopify
SCOPE: Brand Website / E-commerce
FEATURES: Multilingual Content / Product Browsing

A / BRAND WEBSITE — WIX

A place for the brand story.

The mascot and ginseng imagery introduce the business, followed by retail information and product storytelling. Three language versions support the brand website’s multilingual presentation.

Wix / Brand identity and opening story

Royal Jubilee Wix store locations in Vancouver, Toronto and Montreal, followed by the About Us section — Wix / Retail locations and business introduction

Products in context.

Alternating imagery and concise introductions distinguish the product categories while retaining a consistent brand voice.

Royal Jubilee Wix product storytelling for ginseng, fish maw, bird’s nest and dried seafood — Wix / Selected product storytelling

B / E-COMMERCE — SHOPIFY

From introduction to discovery.

The storefront pairs a branded opening with product-category navigation. The collection screen brings category information, filtering, sorting and product listings into a focused shopping interface.

Royal Jubilee Shopify homepage navigation and opening retail scene with ginseng mascots — Shopify homepage / Opening visual and navigation

Royal Jubilee Shopify homepage product-category tiles for browsing the storefront — Shopify homepage / Product categories

Royal Jubilee Shopify sea cucumber collection heading, filters, sorting controls and product grid — Shopify collection / Filtering and product browsing

C / DIGITAL EXPERIENCE SUMMARY

Two platforms. Distinct purposes.

Wix — Brand information

Business introductions, retail locations and product storytelling give visitors context for the brand and its physical presence.

Shopify — Online shopping

Category navigation and collection layouts organise the product range for discovery, comparison and online purchasing.

03 / UNION VILLAGE

Union Village

Real Estate Landing Page

A single-page digital presentation bringing together residential imagery, community information and a buyer registration experience.

The landing page introduces a residential development in Markham, Ontario, presenting residential options, project and location details within one continuous experience.

FORMAT: Single-page Website

Complete Union Village real estate landing page with residential imagery, Markham location information and buyer registration form — Union Village / Complete single-page presentation

SELECTED DIGITAL WORK

More ideas
to explore.

ALL SELECTED WORK