artisanstech
Case Studies

Engineering work with
measurable outcomes.

A deeper look at selected projects — the problem, the approach, the stack, and the numbers that moved.

Volta — brand & marketing agency website preview
AGENCY WEBSITE / MOTION & WEBGLVolta — brand & marketing agency website
The situation
Volta sells brand craft and measurable performance, so its own site had to be the proof — visually distinctive and memorable, not a template — while still carrying a lot of content (six service lines, selected work, team bios, insights, FAQ, awards) without feeling heavy or slow.
What I built
A statically-exported Next.js (App Router) site with a Three.js / React Three Fiber hero scene, GSAP + ScrollTrigger driving reveals, pinning, parallax and animated counters, a Lenis smooth-scroll layer, and an OGL-powered circular gallery for the work section — all tuned to load fast and deploy as plain files with no backend.
Next.jsReact 19TypeScriptTailwind CSS v4Three.jsGSAPFramer MotionLenisOGL
Why it mattered
6
service lines
WebGL
hero scene
100%
static export
4
industry awards cited
Read full case study
Postpaid Media — full-funnel marketing agency site preview
AGENCY WEBSITE / MOTION-LEDPostpaid Media — full-funnel marketing agency site
The situation
Postpaid Media's whole positioning is that marketing should be measured on revenue, not impressions — so its own site had to feel sharp and high-craft, present six overlapping services as one coherent 'growth engine' rather than a menu, and carry hard numbers, case studies, process and pricing without turning into a slow, heavy page.
What I built
A single-page React site built with Vite and Tailwind where every section is animated via Framer Motion (motion/react) — scroll reveals, split-text headlines, count-up stat counters, magnetic buttons, tilt cards, spotlight hover and a rAF-driven marquee — over a Lenis smooth-scroll layer. Six service cards, a four-step 90-day process, four case-study results, testimonials, three pricing tiers and a demo proposal form, all static with no backend.
ReactTypeScriptViteTailwind CSSFramer MotionLenis
Why it mattered
6
service lines
4.2x
avg ROAS (client stat)
1
page, fully animated
100%
static, no backend
Read full case study
TryOn AI — virtual outfit try-on preview
AI SAAS / COMPUTER VISIONTryOn AI — virtual outfit try-on
The situation
Shoppers had no way to visualize a garment on their own body before buying, driving high return rates and cart abandonment — and any AI try-on feature needed to be believable and monetizable, not a one-off demo, while keeping generation time reasonable despite the heavy compute involved.
What I built
A credit-based AI platform where users upload a photo of themselves and a photo of a garment; an AI model generates a realistic composite image in under 1.5 minutes. Credits are purchased via Stripe, and a 24-hour spin-wheel rewards loop nudges users to return daily and keeps engagement — and repeat purchases — high.
ReactPythonFastAPITailwindMySQLAWS
Why it mattered
~1–1.5min
avg generation time
3
credit pricing tiers
24h
spin-wheel cycle
Read full case study
Perfumeholic — discount fragrance e-commerce store preview
SHOPIFY / E-COMMERCEPerfumeholic — discount fragrance e-commerce store
The situation
A fragrance reseller needed a credible, fast-to-launch storefront that could carry a deep-discount pitch (up to 80% off designer perfumes) without looking like a clearance site — plus a flexible way to organize a large catalog by gender, mood, and occasion.
What I built
A fully built-out Shopify store — product catalog, gender-based collections (For Men, For Women, Unisex), mood/occasion collections (Gym, Office, Date Night, Wedding), tiered order discounts, and trust-building elements like FAQ and return-policy sections — configured and launched end-to-end in 8–10 days.
ShopifyLiquidShopify Apps
Why it mattered
8–10
days to launch
7+
curated collections
25%
max order discount
Read full case study
EcoHaven (Tuloxi) — sustainable incense brand website preview
REACT / D2C BRAND SITEEcoHaven (Tuloxi) — sustainable incense brand website
The situation
Tuloxi's whole pitch — charcoal-free incense made from temple flower waste, produced by women artisans across six cities — is easy to say and hard to make credible. The site needed to prove the process, not just claim it, to land with retail and hospitality buyers.
What I built
A multi-section React site — Home, About, Story, Process, Products, Impact, Contact — walking visitors through the five-stage journey from temple flower to finished incense, backed by concrete impact numbers and product detail across all three lines.
ReactTailwind
Why it mattered
4–6
days to launch
6
cities sourced from
150kg
flowers repurposed
Read full case study
Pure Tech Leman — digital studio website preview
AGENCY WEBSITE / MULTI-PAGEPure Tech Leman — digital studio website
The situation
A new boutique agency needed a professional, multi-page site to explain five distinct services and four pricing tiers to two language audiences — and needed to be able to update content themselves afterward without touching code.
What I built
A React frontend built with shadcn/ui and Tailwind for the design system, pulling content from a headless WordPress CMS so the studio can edit copy and pricing without a developer — structured around their 'Strategy → Build → Grow → Technology → Sustain' positioning, in English and French, deployed on AWS behind Nginx.
Reactshadcn/uiTailwindWordPressAWSNginx
Why it mattered
6
pages designed
2
languages (EN/FR)
100%
mobile responsive
5
service lines
Read full case study
Adoits Automation — robotics & automation site preview
WORDPRESS / INDUSTRIAL SITEAdoits Automation — robotics & automation site
The situation
Adoits needed a credible, content-manageable site to explain robotic automation solutions across five very different industries — and a way to capture and prioritize quote requests by industry, not just a generic 'contact us.'
What I built
Built an 8-page WordPress site on Elementor, with a dedicated landing page per industry, an applications overview, and a quote form that tags each lead by industry — plus Google Analytics wired in to track which pages and industries actually drive inquiries.
WordPressElementorPHPMySQLGoogle Analytics
Why it mattered
8
pages built
5
industries covered
6
automation applications
2
lead-capture forms
Read full case study
Nexovate — IT services & technology website preview
IT AGENCY / STATIC FRONTENDNexovate — IT services & technology website
The situation
The company sold 8 distinct capabilities spanning web, mobile, AI, cloud, design, blockchain, WordPress, and QA — but had no site that organized this clearly. Enterprise prospects evaluating a dev partner need to see both what you do and what you build it with, and none of that existed in one place.
What I built
A static, fully responsive frontend that breaks all 8 services into their own cards and detail pages (each with a description + 4 core offerings), backed by a dedicated technology section grouping 25+ tools into 6 clear domains — giving prospects both the pitch and the proof in one scroll.
ReactTypeScriptTailwind CSSVite
Why it mattered
8
service lines
6
tech domains
25+
technologies listed
100%
responsive
Read full case study
LocalRank Pro — one-page product site preview
LANDING PAGE / WEB DESIGNLocalRank Pro — one-page product site
The situation
The product had no site to explain itself — just a feature list. Needed one page that could carry the whole pitch: what it does, why it matters, and what the dashboard looks like, without needing a working backend behind it.
What I built
A single-page design with a mocked-up dashboard section (visibility score, GBP checklist, review-request flow) built purely in front-end code — enough to show the product experience without wiring up real data or auth.
ReactTailwind
Why it mattered
1
page, fully self-contained
7
sections designed
100%
mobile responsive
<1s
page load time
Read full case study