Yara by Lattafa
Raw casual shots of the Yara EDP redesigned into a scroll-stopping main image — shape clarity, lighting and CTR in an AI + Photoshop workflow.
Website design & development · SaaS — TikTok Shop analytics
Margilla
SaaS Website
The website for a profit analytics tool built for TikTok Shop sellers — designed and coded from scratch to show the real dashboard, put the price up front and turn visitors into sign-ups.
The site
The homepage, top to bottom
Margilla is a profit analytics tool for TikTok Shop sellers. It pulls every fee and payout from the shop, subtracts the seller’s real costs and shows what they actually keep — today, this week, this month.
The website has to sell a numbers product to busy sellers. So it leads with the real dashboard, not a mockup, puts the price up front, and walks through every cost the product tracks before asking anyone to sign up.
On a phone
Built for the thumb
Sellers check TikTok Shop on their phones, so every section — dashboard screens included — has its own mobile layout. Tap the screen to scroll the full homepage.
Homepage on a phone
Under the hood
What is built in
The real dashboard, in tabs
Profit tiles, chart, P&L, products & COGS and a sales-by-state map — real screens visitors can switch between on the homepage.
Price up front
“Starting at $15 per month” sits on the hero itself, with four plans and monthly or yearly billing on the pricing page.
Every cost, named
A running strip of every fee the product tracks — commission, shipping, refunds, ad spend — so sellers see their own costs listed.
Live demo and sign-in
A demo page to explore the product before paying, plus sign-in and sign-up for the app itself.
Free profit calculator
A TikTok Shop profit calculator and a tools comparison page that bring in sellers from search.
Built for search and every screen
News, guides, language switch, clean URLs and a full sitemap, with a mobile layout for every section.
Launching a SaaS or app?
A website that shows the product and sells the plan.
Designed and built from scratch — fast, mobile-first and built around your real product.
Keep exploring
More case studies
Leather Hero — Furniture Salve
Four near-identical images rebuilt into a ten-image set led by before-and-after proof, real furniture settings and a cross-section of the salve at work.
Leather Hero — Purse Care Kit
The brand's second product, given the same proof-first treatment: an eight-image set led by one aged crossbody, restored in a single split frame.
Jason Markk — Repel Spray
A clean white product shot turned into a lifestyle composite: an AI-generated sneaker set behind the spray, so the image shows the outcome, not just the bottle.