A brand site that carries the new positioning and stays in the team's hands.
TLDR Yaba was leaving behind the business it had made its name in, buying and growing Amazon-based brands, to become a brand partner in longevity nutrition. The new identity was ready and part of the site was designed, but none of it was built. Heka built the whole site in Webflow, gave the new brand the movement it was designed for, and handed it over in a state the team could keep running on its own, from the blog to the open roles.
- Services
- Figma to Webflow
- Webflow sites
- Tools Stack
- Figma
- Webflow
- Wized
- Deliverables
- Website
- Integrations
- Integrations
- Personio
Overview
Yaba backs and grows consumer brands in health and nutrition. It had built its name buying, financing, and scaling Amazon-based businesses, and was repositioning as a brand partner in longevity nutrition, well past the marketplace it started on. A branding agency delivered the new identity and the Figma pages that went with it. Heka took the mockups from there and built the site in Webflow end to end.
A new brand was ready, and most of the site behind it wasn't.
Yaba was mid-rebrand. The company had made its name on Amazon, buying and growing brands that sold there, and it was moving toward a wider role: a partner to the brands themselves, in longevity nutrition. The new identity was ready and a branding agency had designed five pages of the site in Figma. Everything past those five pages, and the build itself, was still open.
The new positioning existed everywhere except where customers look.
A repositioning only counts once someone outside the company can see it. Yaba's site still introduced the business the old way, as an operation built around Amazon, so the new brand existed in Figma and nowhere a customer or a candidate would look. Half the site was designed and none of it was built. Whatever shipped also had to stay maintainable once it was live, because the two areas that move most often, the blog and the open roles, would keep needing changes long after launch.
Move the company's story off Amazon, and make it stick.
Become a trusted longevity nutrition partner
Leave the Amazon-only identity behind
Hand over a site the team can keep running
A full Figma to Webflow build, with the CMS structured for handover.
Full Webflow build from the agency's Figma
The site rebuilt from scratch, page by page, close to the mockups, with a project style guide so the system stayed consistent as pages were added.
Motion the identity was designed for
GSAP animations, a Spline scene, and Webflow interactions, answering the brief's ask for soft animation built on depth and movement.
CMS structure for the recurring content
Templates for the blog and the legal pages, so publishing does not go through a developer.
Careers wired to the ATS
The Careers page connected to Personio through Wized, so open roles and applications live in the tool the team already hires with.
English and Spanish from one site
Webflow Localization, with 301 redirections handled as part of the move.
The repositioning is live, and the team keeps it moving.
The new positioning is live, not just designed. The rebrand made it out of Figma and onto yaba.life, where the market and future candidates actually meet the company.
The team publishes on its own. The blog runs through the CMS, day to day, without going back to a developer.
Hiring runs through the site into the ATS. Open roles and applications reach Personio, so the careers page is part of the recruiting workflow rather than a page someone has to keep in sync by hand.
The site is still standing as delivered. It has stayed live in the form it shipped in, which is a durability fact rather than a performance metric.
Discover more of our work
See all case studies
Mayday
Mayday is an intelligent knowledge-base SaaS for customer-service teams which needed its marketing site to express the seriousness of the product and speak precisely to each audience. Heka redesigned the key graphic elements, extended the new design direction across the full site, and rebuilt it in Webflow.
Laiye
A large international site, hard-coded on Chinese infrastructure, was slow to reach from outside China and impossible to update without an IT ticket. Heka migrated it to Webflow inside a fixed ~3-month window, recovered the content from a site with no export path, wired the forms back into the CRM, worked with Laiye's tech team until access held on both sides of the Great Firewall, and handed the marketing team a site they could run themselves.
Bluestaff
Guimini was launching Bluestaff, a Salesforce extension to manage consultants staffing and workload. As they wanted to go to market quietly while the product matured with feebacks, Heka designed and built a landing page in Webflow, showing the product existed and could be demoed, then grew it into a full site once ready.