Salma Awad — Designer Portfolio
A portfolio and case-study site for Salma Awad, a UI/UX designer based in Tripoli, Lebanon. Built in Next.js with a custom admin panel so she can publish new case studies herself, statically rendered for speed, and marked up with structured data so her work is legible to search engines.

Overview
Salma Awad is a UI/UX designer working out of Tripoli, Lebanon. salmaawad.com is her professional home: a selected-work index, four full case studies, and the usual supporting pages — experience, about, contact and a résumé. The site is a Next.js application deployed on Vercel. Pages are prerendered rather than assembled in the browser, so a visitor on mobile data gets finished HTML on the first response, and search engines get a complete document without having to execute JavaScript to see the content.
My role
I built the site and owned the technical side of it: the Next.js application, the content model, the custom admin panel, and all of the search and structured-data work. The visual direction was worked out together — Salma is a designer, and the interface decisions were hers to lead. My job was to make sure what we agreed on could be built properly and would hold up in production.
Key features
- Four in-depth case study pages, each on its own URL
- Custom admin panel so new work can be published without a developer or a deployment
- Statically prerendered pages served from Vercel's edge cache
- Structured data linking the designer, the site and each case study as connected entities
- A location landing page targeting UI/UX design searches in North Lebanon
- Optimised, responsive images throughout, generated at the sizes the layout requests
- Résumé, experience, about and contact sections alongside the work
Technical approach
Next.js App Router with static prerendering. Every page is generated ahead of time and revalidated on a short interval, so the site is served from Vercel's edge cache rather than rendered per request — the response headers on the live site show prerendered pages being served straight from cache. Content lives in a custom admin panel rather than in the codebase, so new case studies and edits do not require a developer or a deployment. Images go through Next.js image optimisation, served in modern formats at the size the layout actually asks for. On the search side the site carries a linked structured-data graph — Person, WebSite, WebPage, site navigation and an ItemList of the selected work — so the designer, the site and the individual case studies are described as connected entities rather than as unrelated pages. There is also a location landing page for UI/UX design in North Lebanon, targeting local search the way the rest of the site targets her name.
Results and current status
This project is currently live.