SADRA JAFARY — PORTFOLIO

Constructing the grid

000%100
Web Design

Websites designed to look distinctive and work beautifully

I take a website from strategy, structure and user experience through visual design, motion and responsive implementation — so the result is considered and has a clear job.

What I design

Personal websites

A clear first impression — who you are, what you do, and how to start a conversation.

Company websites

A professional presence with a structure that explains the offer without looking like a brochure dump.

Online shops

Product-first layouts and a shopping path that stays simple from catalog to action.

Landing pages

One promise, one proof, one action — designed so the page can actually be read.

Interactive websites

Motion and response that explain the page — not a layer of effects on a static layout.

3D web experiences

Three-dimensional scenes when they earn their keep. The text and structure still exist without WebGL.

Bilingual websites

Separate URLs, mirrored layouts, and type that holds in both languages — not a translated overlay.

Persian and RTL

Right-to-left as a first language: alignment, navigation and type — not a flipped English file.

Frontend development

The interface as it actually behaves — spacing, motion, forms and states built with the design.

Performance

Critical text in HTML, images sized for the screen, and heavy scenes loaded after the page is already readable.

How a site comes together

  1. 01

    Discover

  2. 02

    Strategy

  3. 03

    Wireframe

  4. 04

    Visual Direction

  5. 05

    Design

  6. 06

    Prototype

  7. 07

    Development

  8. 08

    Polish

  9. 09

    Launch

Tools & technology

  • Figma
  • Framer
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Tailwind
  • WordPress
  • Webflow
  • Photoshop
  • Illustrator
FAQ

Questions? I've got answers.

Straight answers about working together.

A focused site usually takes a few weeks. Larger surfaces take longer. Time depends on how ready the content is and how quickly decisions are made — not on decoration.

From the actual scope: number of pages, languages, shop or content needs, motion, and whether frontend is included. A short conversation is enough to outline a range — there is no public price list because the work is not a template.

Goals, audience, references you like and dislike, the current site if there is one, languages, and the must-haves. Text and images can arrive in stages; the structure cannot wait for them forever.

Yes. Desktop, tablet and phone are part of the same design — not an afterthought crop of the desktop layout.

I work on the parts that belong to design and frontend: structure, headings, speed, crawlable text, and a page that can actually be understood. Ranking is not something I promise.

Yes, when it is agreed as part of the collaboration. Launch is not the end of the file — small adjustments after going live are normal.

Personal sites, company sites, shops, landing pages and editorial platforms. If the problem is a clear digital presence, it is usually a fit.

Have a site in mind?

Share a short note. If it is a fit, we map the first chapter together.