Serein’s approved clinician in a white coat and sage blouse

Thoughtful care starts
with a considered
first impression.

THE DESIGN INTENT

Reassurance, before
the first visit.

Soft tones, clear information and a personal feel bring Serein’s approach to care into its digital presence.

Warm · Clear · Considered
THE WORK, UP CLOSE

Find your kind
of different.

Some brands make you hungry. Some help you feel at ease. What should yours make people feel?

Websites, palettes & the thinking behind them.
Serein brand and website direction
Capital Technologies brand and website direction
Aanchal brand and website direction
Cravers brand and website direction
Sehat + brand and website direction
Mehfil Café brand and website direction
Offbeat Clothing brand and website direction
Harkat Physiotherapy brand and website direction
Deodar brand and website direction

Services

A new website or a thoughtful redesign. I help you turn the right ideas into a clearer, more useful online presence.

New websites

From your first idea to a finished website.

A new website assembled from considered design and content elements
PlanDesignBuild

Structure before styling

Clear pages, organised content and a journey that makes sense.

An organised sitemap with distinct connected pages

Built for every screen

Layouts that adapt naturally to desktop, tablet and mobile.

A coordinated website across desktop, tablet and mobile

Ready to launch.

Testing, domain setup and a clear handover.

Completed launch checklist and rocket

Website redesigns

Keep what works. Improve what doesn’t. I rethink your pages, refresh the design and rebuild the experience around your visitors.

An older website turning into a clearer, more modern design
WHY ME

Creative decisions. Solid foundations.

Design and development, considered together.

Visual decisions and technical implementation stay connected, with a consistent foundation for your website.

A rendered website beside dark-mode code, surrounded by React, Next.js, Tailwind CSS, Motion, Neon and Prisma logos

Content before decoration.

Each page’s structure is guided by the key questions your visitors are likely to have.

Compiled About, Services and Contact content forming a useful website

A consistent look, on every page.

Typography, colour and components work together, keeping every page recognisably yours.

Matching typography, colours and interface components carried across coordinated website pages
ESSENTIALS

What your website is built around.

Design & structure illustration

Design & structure

A clear, considered design that looks great and helps visitors find what they need.

  • Custom visual direction
  • Page structure and navigation
  • Responsive layouts
Experience & foundations illustration

Experience & foundations

A smooth, accessible website with the right foundations in place.

  • Enquiry forms
  • Image and performance care
  • On-page SEO basics
  • Accessibility considerations
Launch & handover illustration

Launch & handover

A polished, fully working website and clear guidance so you can move forward with confidence.

  • Final checks before launch
  • Agreed guidance
  • Handover of materials
PROCESS

A clear process, with decisions made together.

01

Agree the direction

We clarify your business, audience and needs, and shape the initial approach.

Your part

Share your goals, background and any existing material.

The outcome

A proposed direction and visual examples.

02

Review the design

We create layouts and a clear visual direction for your feedback.

Your part

Share your feedback and thoughts on the design.

The outcome

A refined design, shaped by your feedback.

03

Build and refine

We implement a responsive website, refining details as we go.

Your part

Review the working version and share any final notes.

The outcome

A nearly complete website, ready for final checks.

04

Check and launch

We review key journeys, make final adjustments and hand over the website.

Your part

Give final approval and review the handover.

The outcome

A live website and agreed guidance.

EXPLORE THE CONCEPTS

Find your starting point.

Different businesses. Distinctive directions. Explore the website layouts and compare three ways to bring each brand to life.

Showing 4 of 27 brands · three directions each

Serein: Ivory & Espresso design direction
Skin & aesthetics

Serein

A calmer, more personal introduction to skin and aesthetics in Islamabad.

Aangan Estates: Midnight & Ivory design direction
Property agency

Aangan Estates

Islamabad homes, apartments and plots, with clearer routes to buying, selling and renting.

Singhaar: Caramel & Espresso design direction
Salon & bridal beauty

Singhaar

Everyday hair, skin and beauty care with a distinct bridal makeup and hair experience.

Dastarkhwan: Burgundy & Cream design direction
Pakistani kitchen

Dastarkhwan

Flame-grilled favourites, generous shared meals and warm Pakistani hospitality.

ABOUT YOUR DESIGNER

Hi, I’m
Afzaal Afridi.

Independent website designer
and developer.

Creative thinking.
Careful building.

I bring design and development together, with equal attention to how your website looks and how it works.

A considered website design presented alongside mobile layouts and project notes

One person, from idea to launch

Work directly with me, from the first conversation to the final handover.

Design decisions with a purpose

Every choice has a role in guiding your visitors and making your offer clearer.

Care beyond the desktop

Thoughtful attention to the details that make a website feel easy to use.

HANDOVER

Your website, ready for what’s next.

The launch is only part of the handover.

An organised handover toolkit with a website guide, project summary and website access details

Everything in one place.

Agreed website materials, access details and a clear project summary—organised for handover.

Website files · Access details · Next steps

Know your way around.

Guidance for the content and controls included in your project, so you know how to use what’s been built.

Clear on what comes next.

Your responsibilities, recommended next steps and any separately agreed ongoing care.

A clear handover, with room for your questions.
FAQ

A little clarity before we begin.

No. A rough idea, a few references or simply knowing what you would like to improve is enough to begin. We can work through the details together.
LET’S MAKE YOUR WEBSITE

You’ve seen the
possibilities.
Let’s talk about yours.

Tell me about your business and the website you have in mind. A rough idea is enough to begin.

Share a few details. Review your brief when you’re ready.
No pressure, just a conversation.
Website on a laptop and phone, alongside notebooks and a clear project plan