System Initialization
0%
Initializing environment...
const data = await fetch();
<div>
</>
export default function App()
=>
db.collection.aggregate()
Al Amin Mollik.
Back to Projects

Ruma Nails & Spa

Luxury Digital Storefront & Local Search Dominance

Ruma Nails & Spa

Performance

Sub-second Mobile Loads

SEO Strategy

Semantic HTML & Meta

Social Proof

Custom Web Scraper

Infrastructure

Cloudflare Edge Delivery

Frontend Engineering & Data Scraping

//Crafting pixel-perfect layouts, verifiable social proof, and edge-cached SEO architecture.

Translating Luxury to the Web

This project represents my foundational expertise as a Frontend Engineer. For a high-end New York salon, the digital storefront must mirror the physical luxury of the brand. Slow load times, layout shifts, or clunky mobile interfaces actively damage brand trust. My engineering mandate was to deliver a visually stunning, highly interactive frontend using React Next.js and Tailwind CSS that felt buttery smooth across all devices.

Data Scraping & Verifiable Social Proof

Authentic social proof is the highest driver of conversion for local businesses. Relying on standard third-party review widgets was unacceptable due to their severe performance penalties and rigid styling. To solve this, I built a custom web scraper to extract live reviews directly from Google.

To guarantee absolute transparency and build consumer trust, the scraper doesn't just pull the text—it captures the reviewer's official Google profile link. This allows site visitors to click through and verify that the reviews are 100% authentic, directly integrating trust into the UI without sacrificing page load speeds.

Semantic Architecture & Local SEO

A beautiful website is useless if no one in New York can find it. I leveraged Next.js's native SEO capabilities to move far beyond basic semantic HTML. By utilizing Next.js Static Site Generation (SSG), I ensured that Google's crawlers instantly parsed fully rendered, content-rich pages without waiting for client-side JavaScript execution.

Furthermore, I integrated dynamic metadata, automated XML sitemaps, and aggressively optimized Core Web Vitals using the Next.js Image component. This robust technical foundation primed the site for Google's local search algorithms, drastically increasing organic visibility and capturing high-intent foot traffic for the salon.

Production Lifecycle & Edge Delivery

Even in my early frontend-focused projects, I took ownership of the deployment lifecycle to guarantee performance. I configured the Next.js application for optimal Static Site Generation (SSG). To ensure the site loaded instantly for mobile users regardless of their network connection, I orchestrated the DNS and caching layers through Cloudflare. By implementing aggressive edge caching, automated image minification, and forced HTTPS, I secured 99.9% uptime and zero-latency delivery.

Engineering Spotlights

Pixel-Perfect Luxury UI

Utilized Tailwind CSS to translate the physical luxury of a New York salon into a highly responsive, visually engaging digital experience.

Verifiable Social Proof Engine

Engineered a custom scraper to extract live Google Reviews alongside user profile URLs, allowing prospective clients to click and verify authenticity.

High-Intent Local SEO

Built a strict semantic HTML hierarchy and optimized metadata specifically targeted to capture high-converting local foot traffic.

Zero-Friction Mobile UX

Optimized assets, touch-targets, and layouts specifically for mobile users searching for beauty services on the go.

Al Amin's AI

Online
Ask me about Al Amin's tech stack, experience, or how to contact him!