Led the redesign end to end, from the first audit to the final build.
Usability and content audit, IA and user-flow restructuring, UI redesign, and the front-end build
A client redesign, taking Naterra's legacy site from audit to a live, responsive rebuild.
Jump to the walkthrough ↓The old homepage
Naterra had grown into a global manufacturer, but its site still read like a much smaller one. Before redesigning anything, I ran a usability and content audit to find exactly what wasn't working.
The process started with research, not screens: a usability and content audit, then a restructure of the IA and user flows, before any interface work began.
Ran a usability and content audit on the legacy site to find where visitors got stuck and what content wasn't earning its place.
Restructured the IA and user flows for a clearer, more intuitive path through the site.
Designed a clean, contemporary interface aligned with Naterra's brand, then built it responsive front to back.
What the audit found, and what I built instead.
Naterra needed one system flexible enough to hold several sub-brands without losing a shared identity. Color, type, and elevation rules carry across the home, about, and contact pages shown above.
Same 16px radius, 1px border, and shadow-sm resting state as the rest of the system.
A reusable milestone block: bold year, subhead, and a white content card. Repeat per milestone.
Wildflowers for Sensitive Skin was launched to provide naturally-derived, gentle products with real results to women with sensitive skin. Every Wildflowers Skincare product is made with a high-performance, botanical complex formula that delivers a premium skin care experience.
Naterra grew from a single skincare line into several sub-brands under one shared identity, setting the stage for a site that needed to hold that portfolio together.
The homepage is the company's first impression, and the legacy version undersold it. Rebuilt around the new IA, with an interface that actually looks like a global manufacturer.
Restructured around what the audit showed visitors needed first, not the old layout.
Visual design brought up to a clean, contemporary standard aligned with Naterra's brand.
Responsive front end holds the layout together on any device.
First impression now matches the company Naterra actually is.
The about page carries the story of a global manufacturer, and the legacy version buried it. Restructured the flow around what the audit showed people actually wanted to know.
Content reordered around the audit's findings, not the old sitemap.
Visual hierarchy pulls up the details that build credibility, not just company history.
Positions Naterra as the forward-thinking manufacturer it is, not a legacy company.
The old contact page made it harder than it needed to be to reach the right team. Simplified the flow and cleaned up the interface.
Contact paths restructured around the new IA, cutting friction to reach the right team.
Rebuilt responsive, so the form and info hold up on any device.
A page that helps instead of getting in the way.
The redesign improved usability, accessibility, and engagement, and gave Naterra's brand the polish its scale deserves. The result is a user-centered site that presents the company as the forward-thinking global manufacturer it is.