UI/UX Design · Fashion marketplace
Chic & Charming
Count the taps from landing to a chosen size on a phone — that path is the whole rebuild.
octarnal.com/case-study/chic-charming
Case studies
Workwewouldshowyoufirst.
Nothing on this page is a concept or a pitch mock. Every engagement below is live, instrumented and still reporting to a number its client checks — a fashion marketplace rebuilt around product discovery, a luxury fragrance storefront in Bangladesh, a SaaS video growth funnel and a cinematic content studio with a global roster.
These are the ones we lead with because the outcome is measurable and the client will take the call. Read the row, then open it and read the working underneath.
- +0%
- Conversion lift — fashion marketplace rebuild
- BDT 1M+
- Revenue scaled on a single storefront
- 0+
- Startups funnelled through one SaaS page
- Global
- Roster incl. Daymond John, Biohack Yourself
Selected work ·Selected work ·Selected work ·Selected work ·Selected work ·Selected work ·
Built · Shipped · Measured ·Built · Shipped · Measured ·Built · Shipped · Measured ·Built · Shipped · Measured ·
+40% · BDT 1M+ · 45+ · Global ·+40% · BDT 1M+ · 45+ · Global ·+40% · BDT 1M+ · 45+ · Global ·+40% · BDT 1M+ · 45+ · Global ·
The detail — open a row to read the working
Expand what you need.
What was wrong
A respected fashion marketplace with a strong market reputation was losing shoppers between arriving and deciding. Product discovery carried friction, messaging was inconsistent across templates, and mobile optimisation was limited in a category that browses and buys almost entirely on phones.
What we did about it
- Research showed 70% of fashion shoppers prefer a minimal interface where product imagery leads.
- Cut click-depth between landing and decision; rebuilt the visual hierarchy around photography.
- Next.js architecture with optimised image delivery for near-instant loads across regions.
- Mobile-first layouts, so the primary device became the primary design target.
- Outcome: conversion rate up 40%, bounce down 25% inside the first month live.
What was wrong
Elorva sells genuine Dior, Chanel, Tom Ford and Creed alongside niche houses like Initio Parfums, Xerjoff and Kilian — into a market saturated with counterfeits. Nothing in the previous presence proved the goods were real, and checkout did not match how the country actually pays.
What we did about it
- Deep green and gold identity, cinematic product photography, premium unboxing presentation.
- Filtering by brand, gender, decant size (3ml / 6ml / 15ml), full bottles, gift boxes and combos.
- Next.js with server-side rendering for fast first paint and clean indexable product pages.
- bKash, Nagad, Rocket and cash on delivery wired into a single checkout.
- Product-level JSON-LD and FAQ schema, GA4 and Pixel driving retargeting — 3× returning customers.
What was wrong
The SaaS video marketing category is crowded and every agency in it claims the same outcome. Moson's own page led with views and impressions — the vocabulary of a content supplier, not of a growth partner — while the founders were selling to buyers who budget against revenue.
What we did about it
- Repositioned around startups that need video driving real growth, not polished content.
- Messaging framework rebuilt on signups, conversions and revenue.
- React and Vite single-page build; coral palette and Outfit type for speed and readability.
- Structured data and social tags so organic traffic converts rather than only counting.
- Testimonials, client logos and embedded work placed at every hesitation point.
What was wrong
Founded by Nur Alam Shakib and editing for Daymond John and Biohack Yourself, Artevic held a roster its website did not reflect. The tagline promised one agency, infinite editing possibilities; the site had to feel limitless and still convert a first-time visitor into a booked consultation.
What we did about it
- Dark cinematic interface built so the portfolio work leads every screen.
- Four service pillars — talking head, podcast and reels, SaaS promo, social strategy — each with its own portfolio route.
- Verified client testimonials placed immediately after the showcase, where the trust gap opens.
- Tiered pricing, Calendly consultations and WhatsApp messaging so no lead waits for a reply.
Stage by stage — strategy, discovery, concept, refinement, system
Tonight's schedule
| Stage | Chic & Charming | Elorva Perfumes | Moson Media | Artevic Media |
|---|---|---|---|---|
| WK 1–2Strategy | Read the categoryA marketplace losing shoppers before the product page ever loaded. | Beat the fakesAuthenticity taken as the brand position, not a footer disclaimer. | Change the pitchGrowth partner for SaaS, not a content supplier billing per edit. | Match the rosterThe site had to carry a Daymond John credit without flinching. |
| WK 2–4Discovery | 70% want imagery firstResearch reset the hierarchy and the click-depth, not taste. | Trust gaps mappedEvery point where a buyer hesitates on a fragrance listing. | Buyer vocabularySignups, conversions and revenue — never impressions. | Four real needsTalking head, podcast and reels, SaaS promo, social strategy. |
| WK 4–7Concept | Photography leadsLayouts composed around the product shot, then typeset. | Deep green and goldLuxury signalled before a single word is read. | One page onlyThe whole funnel collapsed into a single deliberate scroll. | Cinematic darkThe work itself becomes the interface. |
| WK 7–10Refinement | Mobile-first passesSlow networks and small screens broken on purpose, then fixed. | Checkout railsbKash, Nagad, Rocket and cash on delivery in one flow. | Proof placementTestimonials moved to the exact hesitation points. | Three booking routesTiered pricing, Calendly, WhatsApp. |
| WK 10+System | Next.js and image CDNPerformance owned by the architecture, not by a plugin. | JSON-LD and FAQ schemaLocal search taken, then kept. | Structured dataOrganic traffic converted rather than merely counted. | Documented handoverComponent library and analytics, so the studio ships without us. |
Highlighted cell — the stage that decided the outcome for that engagement
The receipts
Numbers their own analytics still reports.
+0%
Conversion lift — Chic & Charming
−0%
Bounce rate — first month live
BDT 1M+
Revenue scaled — Elorva Perfumes
0+
Startups funnelled — Moson Media
Check the work — every engagement is live right now
Verify it yourself.
E-Commerce · Luxury fragrance, Bangladesh
Elorva Perfumes
Open any bottle and start checkout: bKash, Nagad, Rocket and cash on delivery sit in one flow.
octarnal.com/case-study/elorva-perfumes
Web Development · SaaS video growth engine
Moson Media
Time the first screen — how long before you know what they sell and who it is for?
octarnal.com/case-study/moson-media
Web Development · Cinematic content studio
Artevic Media
Follow any of the four service pillars through to its portfolio and back to a booking.
octarnal.com/case-study/artevic-media
How every build runs — five stages, nothing compressed
01Strategy
Category, competitors, and the single belief a buyer has to change. Written down and agreed before anything is designed, because a position invented after the layout never survives the build.
02Discovery
Click-depth, drop-off points, support tickets and recorded sessions. Research decides the hierarchy; preference gets to decide almost nothing.
03Concept
One direction taken far enough to judge properly, rather than three safe options diluted in review until nobody can tell them apart.
04Refinement
Slow networks, small screens, the worst product photo the client owns, empty states and error paths. Broken on purpose, fixed before launch.
05System
Component library, schema markup and analytics documented and handed over, so your team keeps shipping without booking us for every change.
ReactNext.jsTypeScriptJavaScriptNode.jsPythonPostgreSQLMongoDBPHPLaravelExpressNestJSGraphQLRedisAIAutomationRAGChatbotDockerKubernetesAWSTailwindHTMLCSSVercelFirebasePostmanGSAPFigmaCC++MySQLNotionGoDjangoFastAPIKafkaRabbitMQgRPCTerraformNginxBashRustLinuxGCPAzureAnsibleJenkinsHelmArgoCDGitHub ActionsPrometheusGrafanaVaultCloudflareNetlifyReact NativePrismaFramer MotionSocket.ioshadcnTanStack TableTanStack QueryZustandReduxREST APITanStack Start
Next step
Saythenumber.Wewillsaythe route.
You do not need to know which service you need. Describe where the business is stuck and we will send back the shortest route to fixing it — including the parts you can skip and the parts you do not need us for.
- First reply
- One working day
- Opening scope
- Two-week diagnostic
- Studio
- Dhaka — global delivery
Attribution: paid media running, on-site conversion credited — not raw revenue
