Case Study

YouTab

Full-stack dev Laravel, PHP, MySQL E-commerce Platform: Web

Branding, Web Development, Web Design

YouTab storefront and product screens
Overview

A womenswear storefront, built end to end

YouTab is a womenswear e-commerce build covering authentication, catalog, cart, checkout and order history, with admin tools for inventory, variants and orders. I designed the identity and built the storefront on Laravel.

Role
Branding, design and full-stack build
Stack
Laravel, PHP, MySQL
Scope
Storefront and admin
Platform
Web
Storefront

Editorial home, practical shop

YouTab home page with a Women's Winter 2020 Collection banner photograph under a minimal header with menu, logo, account and cart
Home. A single full-width campaign image does the selling. The header stays minimal: menu on the left, the wordmark in the centre, account and cart on the right.
YouTab shop page with category and colour filters above a grid of six products, each showing name, price and colour swatches
Shop. Filters by category and by colour sit above a clean grid on white. Each card shows only a name, a price and its available colour swatches, so the photography leads and shoppers can scan quickly.
YouTab About page with a large black-and-white portrait and the headline What do you know about YouTab
About. A black-and-white portrait with a direct question as the headline gives the brand a point of view without extra copy.
Branding

Black, white and grey, so the clothes carry the colour

YouTab logo wordmark with typography listed as BW Quinta Pro Bold, Noto Sans Regular and Roboto Regular
Logo and type. A condensed script wordmark in BW Quinta Pro Bold, paired with Noto Sans and Roboto for interface text.
YouTab colour palette: light grey, white and black
Colour. A neutral palette of light grey, white and black keeps product photography as the only colour on the page.
Feature Breakdown

What the site does

Auth

Email verification and password reset, so accounts are confirmed and recoverable.

Catalog

Filter by category and by colour, plus search, over the product grid.

Variants

Colour, size and stock modelled per product so availability is always accurate.

Checkout

Cart through to orders, with order history for returning customers.

Admin

Create, edit and remove products and users, with inventory, variants and orders.

Key Challenges

Scale-ready from day one

  • SEO clarity for product discovery. Product and category pages need to be understandable to search engines as well as shoppers.
  • Variant modeling for scale. Colour, size and stock multiply quickly, so the model had to stay manageable as the catalog grows.
  • Cart and inventory sync. What a customer can add to a cart has to match what is actually in stock.
What I Built

Normalized, policy-guarded, componentized

  • Normalized variant tables and stock, so each colour and size combination has its own inventory.
  • Policies and middleware for admin, keeping management tools away from regular customers.
  • Blade components for cards and pickers, so product cards and colour or size pickers are built once and reused.
LaravelPHPMySQLBlade
Continue Exploring

More from the archive

View All Web Projects