Case study · 07
Withela
A marketing site for Ela, focused on product narrative, app preview and store conversion.
- Year
- 2025
- Role
- Brand site design and development
- Stack
- Product · AI · Brand
- Live
- withela.com
01 · The brief
What the client needed.
Withela needed a focused product-marketing site that could explain Ela quickly, show how the app works, and move visitors towards the app stores without friction.
02 · Discovery & IA
Structure, audience and sitemap.
The product itself needed to be understood quickly, so discovery focused on message order. What should visitors grasp first, what proof they needed next, and where store calls to action should appear all shaped the structure before visual design started.
Sitemap · withela.com
06 routes · App-store conversion focus
- ·Single-product structure: every primary route ladders toward the store CTA. No deep hierarchy.
- ·/use-cases is one page with anchored sections per scenario — keeps SEO singular and bounce predictable.
03 · Wireframes & UX
From wireframes to prototype.
The wireframes were about message sequence and conversion. I used them to shape how product explanation, app preview and store calls to action would support each other without cluttering the page.
Home wireframe
Hi-fi · /
- 01Header CTA repeats the same Get the app action
- 02Hero leads with one sentence + an in-product preview
- 03Three use-case tiles, each linking to an anchor on /use-cases
- 04Store buttons pinned at the bottom — the single goal of the page
04 · Outcome
What changed after launch.
The launch produced a cleaner product-marketing site, one that explained the app quickly and gave the team an easier base for future messaging updates.
