Recruiters
A dedicated overview connects skills, experience, selected evidence and CV access in a focused hiring flow.
Explore the hiring page ↗INDEPENDENT PROJECT / WEB DESIGN + FRONTEND / 2026ABDULLAH RAMADAN / PORTFOLIO
The work behind the work.
A fully designed and developed, bilingual creative portfolio. Built to make it easier for clients, recruiters and creative teams to explore the work, understand the process and get in touch.
RoleUX / UI design + frontend development
PlatformResponsive Next.js website
LanguagesEnglish / Arabic (RTL)
01 / THE CHALLENGE
More than a collection of projects.
A portfolio for a designer who also develops interfaces has to demonstrate both disciplines. The goal was to build a website where art direction, project storytelling and frontend engineering feel like one cohesive product — rather than separate design and coding portfolios.
02 / THE DESIGN DIRECTION
Editorial restraint. Work in focus.
Warm off-white surfaces, confident black typography, considered gold accents and generous image areas frame the projects. The interface keeps navigation simple and gives every campaign or identity room for its own story.
Canvas#F3F1EB
Ink#0B0B0C
Accent#D6A04A
03 / EXPERIENCE SHOWCASE
One platform. Multiple ways to explore.
Visual UI presentations based on the portfolio design and its actual featured artwork. Explore the live website to see the current implemented screens and interactions.
04 / VISITOR PATHS
Different audiences, clearer journeys.
The platform offers focused paths for the people who come to it, while keeping a central project archive open to everyone.
Clients
Service and contact journeys make it easier to understand what can be built, from brand systems to responsive websites.
View services ↗Creative teams
Searchable projects, discipline filters and dedicated case studies turn the work archive into an exploratory experience.
Browse projects ↗05 / IMPLEMENTATION
Designed and engineered end to end.
Developed as a Next.js App Router application using React, TypeScript and Motion, with responsive layouts, bilingual navigation, contextual portfolio journeys, optimized images and shareable project metadata. GitHub Actions runs type checks and production builds.
Next.js 16React 19TypeScriptMotionResponsive UIRTL / ArabicSEO & social previewsPWA-oriented
06 / THE RESULT
A living portfolio, not a static gallery.
The site is an evolving product: projects can be added as individual case studies, while the structure, presentation and discovery experience remain consistent. The interactive website is the actual deliverable; visuals in this case study are editorial presentations of its design.
