Khadidja CheurfiDesigner & Developer
Modern portfolio
Client
Freelance mobile developer
Year
2026
Category
UX/UI & Frontend
Tools
React, Next.js, TypeScript, Tailwind CSS
More

01 · Intro

Most developer portfolios are galleries.

Most developer portfolios are galleries. This one is built to close deals. It's a personal portfolio for a freelance mobile developer, built to sell directly to startups and small teams, pairing credibility numbers, outcome-driven testimonials, and named tech stacks with a short, guided path from first visit to a booked conversation..

My role

I designed and built the site end to end structure, visual system, copy direction, and the front-end implementation. No separate handoff; design decisions were made and validated directly in code.

The brief

Design a portfolio for a working mobile developer that's personalized to how freelance and startup clients actually evaluate who to hire, not a generic "here's my work" showcase, but a page built around the one question a hiring client asks in the first ten seconds: can this person ship, and can I trust them with my product? The site needed to answer that with proof: credibility numbers, outcome-driven testimonials, and named tech stacks. before ever asking the client to read a project description, then move them into a fast, low-friction path to getting in touch.

02

Problems & solutions

  1. 01

    Clients can't tell if a freelancer is a safe bet

    A startup founder hiring a freelancer is taking on risk: will this person disappear mid-project or ship something fragile? Skills and a project grid alone don't answer that, so the credibility numbers were placed right under the hero, on purpose, to build trust early instead of making the visitor dig for it.

  2. 02

    Clients are comparing several freelancers and won't read closely

    Nobody hiring a freelancer reads one portfolio in isolation. they're skimming three or four in the same sitting, and whoever's easiest to size up fast wins the benefit of the doubt. So the content is ordered around what actually gets a client to a decision quickly, rather than around what the developer wants to show off.

  3. 03

    Looking amateur costs the deal before a word is read

    Visual polish is judged in seconds, and a portfolio that looks cluttered or dated reads as "amateur" regardless of the work behind it. The visual system stays deliberately minimal and text-light — no long paragraphs doing the convincing — and it isn't chasing a current design trend, it's built around the developer's own taste, which reads as more confident and harder to mistake for a template.

03 · Process

Discover

Looked at this from the buyer's side, not the developer's: what does a non-technical founder actually check before messaging a freelancer? Trust signals, evidence of past outcomes, and speed of response came up as the real decision drivers

04 · Process

Define

Reframed the brief away from "portfolio as gallery" toward "portfolio as sales page." Locked the priority order for the homepage: credibility first, outcomes second, domain fit third, contact last but always one scroll away.

05 · Process

Develop

Iterated on how much proof to front-load versus how much to let the client discover (outcome-first vs. relationship-first), and how directly the CTA should push toward booking a project versus just "get in touch."

06 · Process

Deliver

Built out the design system last, once the priority order was locked a small, restrained set of type, color, and spacing rules, reused everywhere instead of styled per section, so nothing on the page competes for attention with the proof it's supposed to carry. The same restraint went into the writing: every project blurb and testimonial was cut down to the smallest amount of text that still makes the point, on the assumption that a client comparing several freelancers back to back will read the shortest version of the truth before they read the longest one.

07

Result

The bigger shift is in what the portfolio is doing: it stopped being a record of past projects and started being an argument for hiring this specific person, over the two or three other tabs a client has open at the same time.

Featured projects grid
PulseFit case study page
About section
Testimonials
Contact section