Qevyn logoQEVYN

Portfolio

Work, clearly labelled.

Client work, personal projects, concept demonstrations and what's currently in progress — kept separate so you always know what you're looking at.

Maison Ember desktop screenshot

Concept demonstration · Restaurants

Maison Ember

A candle-lit dining experience with an interactive menu, dish customisation, a demo cart with WhatsApp ordering and a validated reservation request form.

Challenge
Make a menu feel as atmospheric online as the dining room does in person.
Goal
Let guests explore dishes, build an order and request a table in a few taps.
  • Interactive menu
  • Dish customisation
  • Demo cart
  • WhatsApp order hand-off
  • Reservation form
  • Gallery & hours

Stack: React, TanStack Router, Tailwind CSS

Open live demo
Atelier Sable desktop screenshot

Concept demonstration · E-commerce

Atelier Sable

A calm, editorial lifestyle store with search, filters, sorting, product pages with size and colour selection, wishlist, cart and a clearly labelled demo checkout.

Challenge
Keep an editorial feel while supporting a full shopping flow.
Goal
Fast filtering, clear product choices and a calm checkout.
  • Catalog & filters
  • Product pages
  • Size & colour
  • Wishlist
  • Cart & quantities
  • Demo checkout

Stack: React, TanStack Router, Tailwind CSS

Open live demo
Northwind Advisory desktop screenshot

Concept demonstration · Business Websites

Northwind Advisory

A confident corporate site with services, sample case studies, a fictional team, illustrative testimonials, plus contact and quote request forms.

Challenge
Communicate expertise without jargon.
Goal
Turn visits into qualified quote requests.
  • Services & solutions
  • Sample case studies
  • Team section
  • Quote request
  • Contact form

Stack: React, TanStack Router, Tailwind CSS

Open live demo
Studio Orra desktop screenshot

Concept demonstration · Creative Portfolios

Studio Orra

A bold, typographic portfolio with immersive project cards, detailed project pages, an interactive gallery lightbox and a contact form.

Challenge
Let the work speak loudly without hurting usability.
Goal
Bold motion that respects reduced-motion preferences.
  • Expressive typography
  • Project pages
  • Gallery lightbox
  • Skills & services
  • Contact form

Stack: React, TanStack Router, Tailwind CSS

Open live demo
Verde Estates desktop screenshot

Concept demonstration · Real Estate

Verde Estates

Search and filter properties by price, type, location and bedrooms, save favourites, browse galleries and send a demo viewing request.

Challenge
Make dozens of listings easy to narrow down.
Goal
Combined filters, saved homes and simple viewing requests.
  • Search & filters
  • Sorting
  • Property pages
  • Image galleries
  • Saved properties
  • Viewing requests

Stack: React, TanStack Router, Tailwind CSS

Open live demo
Brightpath Academy desktop screenshot

Concept demonstration · Education

Brightpath Academy

A friendly course platform with a catalog, course pages, lesson navigation, a sample student dashboard, progress tracking, quizzes and bookmarks.

Challenge
Make learning progress visible and motivating.
Goal
A dashboard, lesson navigation and quizzes that feel rewarding.
  • Course catalog
  • Lesson navigation
  • Student dashboard
  • Progress tracking
  • Interactive quizzes
  • Bookmarks

Stack: React, TanStack Router, Tailwind CSS

Open live demo