Mars | Product & Brand Designer

Work

Pooja Jha

Pooja Jha: A Portfolio That Reads Like a Plan

Designed and built in Framer: a calm, organised personal site for a network engineer turned project professional.

View Site

pooja-jha-pm.framer.website

Type

Personal portfolio

My role

UI/UX design & Framer build

For

Pooja Jha, project professional

Pages

Home, About, 2 case studies

The brief

Three careers, one clear story.

Challenge

Pooja’s path runs through network engineering at HPE & Aruba, a Rotaract presidency and program work at Social Sailor. On a résumé that reads like three different people, and a template would have flattened it all into a list.

Approach

Lead with one promise she can stand behind, “I bring clarity to complexity and momentum to teams”, then let every section prove it: real projects first, then the toolkit, the working style and the person.

pooja-jha-pm.framer.website

The chip above the headline cycles through all three roles, so the headline never has to pick one.

Type & colour

A sans for the facts, a serif for the feeling.

Every headline is split in two. Segoe UI states the fact; a Georgia italic in soft violet carries how it feels. Read only the italics and you get the brief: organized execution, not by ceremony, so does how it feels, connect people & systems.

A little more personal headline on Pooja’s site

Navy

#19234A

Violet

#5B67ED

Lavender

#EAECFD

Blush

#FDE4E1

Butter

#FDF3D8

Mist

#F8F9FD

Navy for trust, violet for the human half of every line, and pale tints so each project card has its own colour.

The home page

A home page that reads like a project brief.

Outcome first, then evidence, then method. Each section answers the next question a recruiter would ask.

The promise

Who she is in one line, three numbers, and the tools she works in.

The proof

Three projects as tinted cards, each carrying a small live mock of the work.

The method

Agile by rhythm, not by ceremony: how she runs a sprint, in one card.

The chapters

Leadership outside the day job, starting with TEDxAtria hospitality and logistics.

The person

A warmer photo, the languages she speaks and a direct line to LinkedIn.

The ask

One closing line on navy: someone who can connect people & systems.

Motion

Motion that always explains something.

A curtain loader introduces her name, the card mocks show the work happening, and sections rise in as you scroll. Nothing moves just to decorate.

pooja-jha-pm.framer.website

Project cards: screening-day photos shuffle through the Active Eyes card while the launch checklist ticks itself off.

pooja-jha-pm.framer.website

The tracker card fills its progress bar the way the real dashboard does.

Inside pages

Each project got its own shape.

A school eye-care campaign and a club web app are different kinds of stories, so they got different pages instead of one template.

Active Eyes

A field campaign, told with photographs.

Photo strips from screening day to the final distribution, a four-phase plan, and the numbers that mattered: 2,500+ students screened, 170 given glasses.

RBITC Project Tracker

A product, told as a tour.

A browser-framed dashboard, a four-view product tour and an under-the-hood flow showing how it runs free on Google Sheets and Vercel.

About

A person, told editorially.

Captioned photos, her professional journey, a leadership card and what she does beyond work.

Responsive

Tuned for every screen.

Tablet and phone layouts were set breakpoint by breakpoint: stacked cards, resized type and a compact menu, so the site reads as calmly on a phone as it does on a laptop.