Mohammed Bawazir
Back to work

Bilingual personal portfolio

Noor Portfolio

A live bilingual portfolio for a social and identity designer: work index, case pages, and a palette the visitor can switch.

Noor Portfolio

01 / 05

Stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • CSS variables

What it is

Noor’s public site is a designed personal portfolio, not a template dump. The home hero rotates featured work, language flips Arabic/English, and a palette control (terracotta, emerald, sky, coral) recolors the whole visit. Work is grouped by identity, web, print, marketing, and social — each case has a motion strip, a gallery, and links.

Features

  • Live palettes

    Terracotta, emerald, sky, and coral recolor the whole visit without a reload.

  • Bilingual pages

    The public site flips language and keeps the layout designed for both.

  • Work filters

    Identity, web, print, marketing, and social — then a case with gallery and links.

  • Shipped on a custom domain

    The live site is on noor.sanad-ye.com over HTTPS.

Components

Inside: a home with a work carousel, a /works index with tabs (identity, web, print, marketing, social), case pages with a gallery player, an about/contact path, English toggle, and four live palettes.

  • 01

    Home

    A designed hero, language toggle, and a live palette control.

  • 02

    Work index

    Filter by identity, web, print, marketing, or social, then open a case.

  • 03

    Case page

    Motion strip, gallery, and links for each piece of work.

  • 04

    About & contact

    An about path and a way to reach Noor.

The work

I built and shipped the live portfolio: structure, bilingual pages, the work index with category filters, case-study layout, and the live theme switcher. The design work inside the cases is Noor’s; the site that presents it is the engineering work here.

Next project

Khairat Aden