eCommerce · Landing pages · Mobile first
Mobile-first landing pages for multiple Happy Mammoth products. I translated campaign messaging developed with copywriters into clear visual hierarchies, reusable modules and a low-friction path to purchase.
Landing PagesThe context
Each landing page received visitors directly from paid campaigns. Copywriters defined the campaign and product messaging; the design needed to preserve that continuity, answer questions visually and maintain momentum toward purchase.
The challenge
Different products, audiences and approved campaign angles needed distinct visual executions without rebuilding every page from zero. On mobile, every section had to earn its place.
Direction and execution
Working from copy developed by copywriters, I transformed each message into visual hierarchy, modular sections and responsive page flows, then refined emphasis and placement using CRO observations.
I converted the campaign direction supplied by copywriters into a first screen that felt visually continuous with the ad.
I prioritised the product, benefit, proof and CTA for small screens before expanding the layout.
Ingredients, explanations, testimonials and reassurance appeared where they could resolve the next question.
I adjusted modules, emphasis and responsive behaviour using campaign learnings and CRO observations.
The page system
A first fold that continues the language and visual promise of the ad.
Approved copy is translated into a clear sequence from problem and benefit to mechanism and product value.
Proof, ingredients, FAQs and reassurance placed around real visitor questions.
Reusable sections that adapt across products without becoming generic.
Selected pages
A selection of page structures showing how the visual system adapts across products, approved messages and stages of the decision.
Mobile experience
Selected mobile captures showing how hierarchy, content rhythm and the purchase path adapt without changing the campaign direction.
The outcome
The system made it easier to adapt layout, hierarchy and modules across products while keeping the approved messaging, mobile experience and final execution consistent.
Copywriters owned the messaging. CRO observations informed visual iteration and placement.