Available for new projects00 / Front-End Developer & Designer

Headless CMSsites youactually own.

I'm Sohail Rana. I design sites in Figma and build them as fast, hand-coded React front ends on Sanity CMS, or build your finished design exactly as drawn. For founders who've outgrown their site, and teams and agencies with designs ready to build.

100%
Job Success on Upwork
5.0
Average client rating
50+
Websites shipped
Top Rated
Freelancer on Upwork
02

What I Do

One person across the whole pipeline: design, front end, content model, and the rebuild that gets you there.

01

Figma to Code

Already have a design, or an existing React codebase? I build your Figma file exactly as drawn, to your spacing, type scale and components, and raise the states a design leaves out (empty, loading, error, long text, small screens) before they become a revision round. Fast and stable from the first commit, checked with Lighthouse before handoff.

  • Pixel-accurate builds from Figma
  • New pages, sections & components in your codebase
  • Lighthouse-checked performance
02

Design in Figma

No design yet? I design the full site in Figma around your brand first. You approve every page before any code is written, so nothing changes by surprise at build time. Because I build it too, nothing gets lost between design and code.

  • Full-site design in Figma
  • Approved before development starts
  • Designed knowing how it will be built
03

Sanity CMS

Your content modelled as reusable blocks in Sanity, so your team adds pages, services, events and posts without touching code, while the front end stays fast and hand-coded.

  • Content modelling & structured data
  • Reusable page blocks
  • Self-serve editing for your team
04

Rebuilds & Migrations

Moving off a restrictive website builder, or stuck with an AI-generated or inherited codebase nobody can maintain? I rebuild it as clean, readable code on your own domain and in your own GitHub repo. Content, URLs and search rankings come across intact.

  • Content & URL migration, redirects preserved
  • AI-generated and inherited code rebuilt cleanly
  • Handed over in your own Git repo
05

Custom Features & Integrations

Multi-step booking and order flows, forms, payments, CRM hooks and live data, written as custom front-end code instead of plugins, so they match your brand rather than looking like third-party software.

  • Booking & order flows
  • REST APIs and third-party services
  • Custom-built over embedded widgets
06

Framer Builds

For founders and consultants who want to run their own site. Designed in Figma first, then built in Framer so you can edit copy and pages yourself, with no developer in the loop.

  • For self-managed sites only
  • Designed properly before it's built
  • Launch-ready in days, not months
03

Background

Most sites break at the seams — between the design file, the build, and the CMS behind it. Mine don't, because I own all three.

I spent two years as Front-End Developer & Designer at Dutrow LLC, designing and shipping websites for clients across industries — over fifty sites passed through my hands in that time. That's where the two crafts fused: every design decision made knowing how it will be built, every line of code written knowing why the design looks the way it does.

Now I work directly with founders, product teams, and agencies: designing and building custom React and Sanity sites, rebuilding sites that have stopped fitting, and building Figma files from teams who need them done properly. You deal with one person who owns the whole result: the design, the front end, the content model, and the handover. No templates, no page builders, no telephone game.

Working with
Founders, product teams & agencies — remote
Role
Front-End Developer & Designer
Previously
Front-End Developer & Designer, Dutrow LLC (2 yrs)
Now
Top Rated on Upwork — 100% Job Success
04

How I Work

A process built to remove surprises — you approve the design before development starts, and you leave owning the code.

  1. 01

    Audit & plan

    We start with what the site actually has to do and what's holding it back — the platform, the content model, the code someone else left behind. Sometimes the right answer is smaller than the brief.

  2. 02

    Design in Figma

    Every page is designed around your brand and approved by you before development starts. No surprises at delivery — you've already seen exactly what you're getting.

  3. 03

    Build in code

    The approved design, hand-coded as a fast, responsive React front end with content modelled in Sanity. Because I designed it, nothing gets lost in translation between designer and developer.

  4. 04

    Migrate & hand over

    Content moved across, redirects mapped, deployed and tested on real devices — then handed to you in your own repo. You own the code, the content, and the hosting. No lock-in.

05

Client Reviews

Every word below is from a real Upwork review — the record behind a Top Rated badge and 100% Job Success.

“I had an absolutely fantastic experience working with Sohail on my website. From the very beginning, Sohail took the time to truly understand my brand.”

Seetha The Comic

Brand site rebuild

“Sohail was attentive and delivered exactly what I needed within the required timeframe. I highly recommend him for his professionalism and high-quality work.”

Upwork client

JavaScript carousel

“What a great website! Really beautiful and hit a lot of details and content. Also easy to work with. Thanks so much!”

Local business owner

Business website

“Did a great looking website, thanks so much!”

Service company owner

Marketing site

Drag, swipe, or use the arrows

  • ✦React
  • ✦Sanity CMS
  • ✦Headless CMS
  • ✦Content Modeling
  • ✦Tailwind CSS
  • ✦JavaScript
  • ✦HTML5
  • ✦CSS
  • ✦Figma
  • ✦API Integration
  • ✦Site Migration
  • ✦Jamstack
  • ✦Framer
  • ✦Netlify
  • ✦Vercel
  • ✦Git & GitHub
06

Let's Build Something

Have a design that needs building, need one designed, or want a site you finally own? I'll reply with an honest take on scope, timeline, and whether I'm the right fit.

Available for new projects