Figma Design → Functional Etch Website, Within 2 Weeks

Accelerate Nutrition is a Melbourne-based dietetics practice helping NDIS participants, private clients, older adults, athletes, and people managing health conditions get practical nutrition support that fits their real life.

The project was not just a simple Figma to WordPress build. The client already had custom post types, custom data structures, service content, forms, and imported data in place. Our job was to build the website in Etch around that setup without disturbing the structure behind it.

We did the Figma to Etch conversion in two weeks time, including Home, About, Our Team, Blog, Contact, Services, and Booking pages.

The Challenge: Build Around What Already Existed

Accelerate Nutrition already had important content systems inside WordPress.

There were custom post types for services and other website content. The service pages also had their own custom fields and data structure.

So we could not treat the project like a fresh blank website.

• We had to take the Figma design and carefully build it around the existing backend setup.
• The front end needed to look clean and polished.
• The backend needed to stay practical for the client.

Figma, WordPress Data, and Etch Working Together

We converted the Figma design into a working WordPress website using Etch.

The client provided service data in Excel format, so we imported that content into WordPress using WP All Import. The data was mapped into Meta Box fields, then connected inside Etch so the service pages could display the right information without manual page-by-page editing.

We also created the key website pages, connected the services structure, fixed WS Forms issues, and used custom code where Etch needed extra support.

Related Blog Posts on Each Service Page

Another important requirement was content relevance.

Each service page needed to show only the blog posts connected to that specific service. For example, a gut health service page should show gut health related blogs, not random posts from the whole website.

We handled this through relationship fields. If a blog post was connected to a service, it appeared on that service page. This made the website more useful for visitors and easier for the client to grow with future content.

A Fast Build With a Clean, Accessible Structure

The final website gave Accelerate Nutrition a complete Etch build that matched the Figma design, respected the existing WordPress setup, and kept the backend manageable.

1. The client received a working website with service pages, booking pages, forms, related blog logic, imported data, and custom code where needed.
2. We also kept accessibility in mind throughout the build, so the site structure stayed clean and usable, not just visually close to the design.