Rana Jahanzaib
Web Designer & Developer | React, Next.js, Node.js, Rust, Go
Solace Collective - Therapy Practice Landing Page
A landing page for a therapy and mental wellbeing practice, built to feel calm and human instead of clinical, with workshops and a clear "how it works" path front and center.
Solace Collective is a concept landing page for a therapy practice, built around evidence-based care that still feels warm and human. The hero avoids the usual therapy-site vagueness ("you're not alone") and leads instead with something concrete: a free monthly newsletter, a free first consult, and a clear call to action.
The page structure does a lot of the trust-building work. A three-step "getting started" section (talk to us, get matched, start your sessions) removes the biggest friction point in seeking therapy, not knowing what actually happens after you reach out. A services section breaks down individual therapy, assessment and evaluation, and workplace coaching as genuinely distinct offerings rather than one blurred pitch. And an upcoming workshops section, with real dates and specific topics like burnout and supporting an anxious teen, gives the practice a reason for someone to come back to the site even before they're ready to book.
The tone throughout avoids clinical distance without swinging into empty affirmation... lines like "no generic intake forms, no starting over with someone new every few months" speak directly to real frustrations people have with mental healthcare, not just template reassurance.
It's built on the same reusable Cloudflare deployment system as the rest of this series... a single Worker with static assets, a working consult-request form backed by D1 with spam protection and rate limiting, and a schema that brings itself up to date automatically on first submission.
1
781
Ember Studio: Brand & Design Agency Landing Page
A landing page for a creative brand agency, built to showcase work and services without the portfolio-site clichés... case studies, team, and process all pulling their weight.
Ember Studio is a concept landing page for a brand and design agency, built around the pitch "ideas that ignite brands." Rather than one long scroll of service descriptions, the page is structured the way an actual agency pitch deck would be... a confident hero with real client logos, a clear breakdown of services (brand identity, experiential design, strategy and positioning), a recent work grid with real project types and years, and a team section that puts faces to the studio instead of hiding behind a logo.
The copy throughout leans into specificity over the usual agency vagueness. Stats like 320+ brands launched and 96% client retention sit right in the page instead of being buried in an about page, and the "strategy and craft turn attention into loyalty" section explains what the studio actually does rather than just how it feels to work with them.
This project also is the base template itself, since the underlying reusable Cloudflare landing page system was built and proven out using this project as the reference implementation. The optimization pass reflects that:
- SEO went from 69 to 100 on both mobile and desktop
- Performance and Best Practices were already perfect and held at 100 throughout
- Accessibility went from 96 to 100 on both form factors
It runs as a single Cloudflare Worker with static assets, with a working contact form backed by D1, spam protection, and IP rate limiting, built so a client could connect the repo and deploy without wiring anything by hand.
0
817
Dental Clinic Landing Page
A landing page for a dental practice, built to feel calm and personal instead of clinical, with a booking flow front and center.
Live Preview (https://meridian-dental-landing-page.preview.withrana.com/)
Meridian Dental Co. is a concept landing page for a dental practice built around a simple idea... most people don't dread the dentist because of the work itself, they dread the waiting rooms, the paperwork, and the cold, clinical tone. Every section here works against that. The hero leads with a real, warm photo instead of a stock smile. The booking section puts the form front and center with a clean location map, not buried three clicks deep. And the "why us" section speaks directly to the actual hesitations people have... nervous patients, first-timers, insurance questions... rather than listing generic services.
The content structure also does something a lot of local business templates skip: it includes a journal/blog section for practice updates, which matters for a real dental practice's local SEO and gives the site somewhere to grow after launch instead of staying static.
This one had the steepest starting gap of the series and the clearest before/after:
- Mobile Performance went from 75 to 98, Desktop from 81 to 100
- SEO went from 69 to 100 on both mobile and desktop
- Accessibility went from 96 to 100 on both
- Best Practices held steady at 100 throughout
It's deployed as a single Cloudflare Worker with static assets, with a working appointment-request form backed by D1, spam protection, and rate limiting, all designed so a client could connect the repo and deploy without wiring anything by hand.
0
850
Roam — Footwear Brand Landing Page
A marketing site for a lightweight-footwear brand, with a heavy focus on image performance, cutting product photography from 7.6MB to 1.3MB without losing visual quality.
Live Preview (https://roam-landing-page.preview.withrana.com/)
Roam is a marketing site concept for a lightweight footwear brand, built around movement and everyday wear. The homepage runs through a full storytelling arc... a hero built to sell the brand's positioning, a collection teaser for an upcoming drop, growth and trust stats, a product spotlight breaking down materials and construction, a product grid, and a newsletter capture.
This build leaned heavily into image performance, since a footwear brand's site lives and dies by product photography. Every image in public/images/ was hand re-encoded to WebP at its actual rendered dimensions rather than left at source size, which was the single biggest lever in the results:
- Mobile Performance went from 74 to 99
- Desktop Performance went from 80 to 100
- Mobile Accessibility went from 89 to 100, fixing low-contrast text on brand-colored panels and invalid list markup
- SEO and Best Practices landed at 100 across both form factors
It's deployed as a single Cloudflare Worker with static assets, on infrastructure designed to hand off cleanly... a D1-backed lead capture form with spam protection and rate limiting, and a schema that brings itself up to date automatically on first submission.
1
902