3A Concept

After more than thirty years in business, 3A Concept needed an online presence that matched the quality of its work and spoke directly to the people who commission it: retail brands, restaurant and hospitality owners, and multi-site businesses looking for a partner they can trust with deadlines, budgets and brand image.

The website had three jobs: explain the full scope of what 3A Concept does, prove the quality of its work through completed projects, and turn interested visitors into project enquiries. It also needed to convey the character of a family business, where the founder and the next generation work side by side on site.

There was an editorial challenge, too. Six services, five sectors and a nine-step method had to be presented without overwhelming visitors with long lists. Photography of completed spaces needed to take centre stage, while the navigation made it easy to move between sectors, services, method and projects.

1. Art direction and information architecture

We explored three visual directions before settling on a restrained, classic style that reflects the way 3A Concept works: timeless concepts rather than passing trends. A neutral palette and considered typography let the spaces themselves lead. We then organised the content around the questions every prospective client asks: what do you do, who do you work for, how do you work, and what have you delivered? Each answer has its own place on the site: services, sectors, approach and projects.

2. UX/UI design

We designed the final pages in Figma with a classic, elegant look: plenty of white space, refined typography and large photos. Every page has one goal: to help potential clients trust 3A Concept and get in touch. Visitors can easily go from a sector to the right service, see completed projects, then contact the team, with the phone number and contact buttons always easy to find. The nine-step method is shown as simple numbered steps, so clients know exactly what to expect, while brand references and a client testimonial build trust along the way.

3. Web development

We built the website in Webflow, following a clear process from foundation to finish:

• Design system first: using the Client-First methodology, we set up typography, colour and spacing systems that mirror the Figma design system exactly, so no detail was lost between design and build.
• Reusable components: on top of this system, we built a library of components that forms the backbone of the site and keeps every page consistent.
• Custom components: where standard components were not enough, we created custom ones and applied them globally, so the site stays easy to maintain and extend.
• Responsive build: every page was carefully adapted for desktop, tablet and mobile.
• Smooth animations: subtle transitions complete the experience, reinforcing the site’s classic, refined feel without distracting from the work.

4. CMS

The project pages and the Resources section are managed through the Webflow CMS, so the team can add new work, update content and publish articles on its own. We kept the structure simple and intuitive so that even non-technical team members can understand it at a glance and manage the website with confidence.

Results

3A Concept now has a website that matches the standard of its work. Its expertise, method and completed projects come together in one coherent experience, designed to turn visitors into qualified project enquiries. The projects have the prominence they deserve, while the company’s story and the people behind it give a human face to more than thirty years of experience. With a CMS that is easy to use, the team has a foundation it can keep growing as new projects are delivered.