By stack
By industry & location
Custom WordPress website design — Figma-to-WP builds, hand-coded themes, considered typography, real motion. No Elementor, no Divi, no Bricks. The design ships exactly as drawn and Core Web Vitals stay green.
How I think about design
Most WordPress design briefs get diluted by the build — page builders flatten the type scale, plugin chrome breaks the grid, the mobile breakpoint becomes a guess. I design with the build in mind and code from the design, so what your stakeholders sign off on is exactly what ships.
Design services
Pixel-faithful build from your designer's Figma file. Component inventory, design tokens, type scale and spacing system carried 1:1 into a custom theme — including hover, focus and motion states.
Bring a brief and a brand — I design and build from scratch. Wireframes, then high-fidelity Figma, then the WordPress build. Two design rounds + one polish round baked into the fixed-price quote.
Magazines, newsletters, longform sites with considered typography, scroll-linked motion, content-driven layouts and an editor experience that does not break the design when staff publish daily.
WooCommerce storefronts where the product page actually closes the sale — variant pickers, image-heavy hero, social proof, sticky atc, and a checkout that does not lose the brand at the last step.
Build a real design system you can reuse — Figma library + matching code components (Gutenberg blocks or block patterns) — so future pages take hours, not days.
WCAG 2.2 AA from day one — semantic HTML, keyboard navigation, screen-reader labels, contrast checks, motion preferences. Accessibility is a design decision, not a post-launch audit.
Design that looks like the brand and converts like a funnel. CTAs that do not get lost, trust elements that arrive at the right moment, forms that progressively disclose, copy ladders that match user intent.
Modernise an aging WordPress site without losing rankings or content. Visual refresh, type system upgrade, motion language refresh, design-system rebuild — shipped on a staging URL with a planned cutover.
Design process
Designed and built by the same person — no handover gap, no "the developer changed it" finger-pointing. Two design rounds + one polish round are always baked into the fixed-price quote.
Stakeholder interview, competitive look-around, content audit. I send back a brief recap + initial direction before drawing anything.
Low-fi wireframes for layout + content priority, then high-fidelity Figma. Two rounds of feedback included — your designer can co-pilot directly in Figma.
Pixel-faithful WordPress build, weekly on staging. Type scale, spacing, motion all preserved. Annotated staging URLs for design review.
A polish round for the details — micro-copy, hover states, page transitions, accessibility audit, CWV check. Then DNS cutover and 30 days of support.
Selected work
A snapshot of recent client builds across WordPress, WooCommerce and Shopify. Filter by category to see what fits your brief.
See the full portfolio
No projects in this category yet — more shipping soon.
Industries
Across trades, services, e-commerce and editorial — the conversion playbook is the same, only the visual language changes.
Roofing, auto repair, construction
Candidate + employer funnels
Accessible, quote-driven sites
Portfolios, shops, communities
WooCommerce + Shopify
Custom video, paid streaming
Corporate trust + multilingual
DJs, agencies, event booking
Reviews
“Zain is one of the best web designers on Fiverr, period. He has been my web developer for years — fast, reliable, and genuinely cares about conversion.”
“Direct, honest, and shipped on time. Our quote requests doubled in the first month after launch.”
“I have worked with three agencies before — Zain delivered cleaner code than any of them, for a fraction of the cost.”
FAQ
Both. About half my projects are design-and-build (I design the site from your brief, then build it). The other half are build-only (your designer hands off Figma, I implement). Either works — the quote scope just shifts.
Yes — pixel-faithful is the default. I use Figma's "Inspect" panel for exact values, build a token system from Figma variables, and test every breakpoint against the file. If something has to deviate (browser quirk, accessibility need), I flag it before changing anything.
Two full design rounds + one polish round, baked into the fixed-price quote. Additional rounds run at a published flat rate per round — no hourly surprises. Most projects do not need extras; the initial brief catches 90% of direction issues.
No. Page builders compromise the type scale, break the grid, and stop you shipping the exact design. I build custom themes with native Gutenberg + ACF blocks — your editor experience is great, your design integrity stays intact, and Core Web Vitals stay green.
Yes — block patterns mirror your Figma layouts exactly. Editors pick from a curated set of pre-built sections, and the design constraints (spacing, type scale, color palette) are enforced by the blocks themselves. Onboarding doc + 30 minutes of training included.
WCAG 2.2 AA by default — color contrast, keyboard navigation, focus rings, ARIA labels, alt text discipline, reduced-motion handling. axe and Lighthouse audits run at every staging milestone, and I provide a written accessibility statement at launch.
LCP under 2.0s, INP under 200ms, CLS under 0.1 — measured on mobile. Self-hosted variable fonts, AVIF / WebP images, deferred scripts, full-page + object caching, CDN. Editorial design and green CWV are not in tension if the build is done right.
Design-and-build $4k–$12k for marketing sites, $8k–$25k for editorial publications, $10k–$35k for fashion / DTC commerce. Figma-to-WordPress (build-only) typically lands 30–40% lower. Every quote is fixed-price — scoped before any pixel is pushed.
Get in touch
Tell me what you need — I usually reply within a few hours on working days.
Or email info@zainsaeed.com