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 · Leather care brand
Leather Hero
Brand Website
A fully custom website for a leather-care brand that sells on Amazon — 89 pages designed and coded from scratch, where every product ends in one tracked Buy at Amazon button.
The site
The homepage, top to bottom
Leather Hero sells on Amazon. The brand already had strong listings — I designed four of them — but no home of its own: nowhere to send customers from the packaging, social posts or search, and nowhere to explain the full range.
The site is that home. Every page is designed and coded from scratch — no template, no page builder — and every product ends in one clear action: Buy at Amazon, straight to the right listing, through a tracked link so the brand can see which pages send buyers.
Desktop
On a phone
Built for the thumb
Most visits come from a phone, so every section has its own mobile layout — not a squeezed desktop. Tap the screen to scroll the full homepage.
Homepage on a phone
Under the hood
What is built in
Built from scratch in Next.js
Custom design and code, no theme or page builder. Hosted on Vercel, so pages load fast and stay up.
Buy at Amazon, tracked
Each product’s button goes straight to its Amazon listing through an Amazon Attribution link, so the brand can see which pages drive sales.
24 product pages
Hover-zoom photos, price, badges, details and how-to-use tabs, specifications and a share button on every product.
Shop, categories and search
A full shop grid, seven problem-led categories and a site search, so buyers find the right product in a few taps.
48-post care journal
How-to guides written for search — cleaning suede, filling cracks, caring for a purse — each linking to the product it needs.
SEO foundations
Structured data, a full sitemap and clean URLs on all 89 pages, so Google understands the products and the guides.
Contact, wholesale and newsletter
Contact and wholesale forms with a built-in spam check, a newsletter sign-up and cookie consent with settings.
Responsive on every screen
Each section is laid out separately for phone, tablet and desktop — not just squeezed down.
Selling on Amazon without a home of your own?
A brand website that sends buyers to the right listing.
Designed and built from scratch — fast, mobile-first and tracked, so you can see which pages sell.
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.