AboutSolutionsProjectsCase StudiesContact
Refer a client — get 15% off your next project
Case study

Figma to Bricks clinic website for Weinberger Aesthetics

Custom WordPress rebuild and Figma to Bricks Builder development

Project
rebuild
Timeline
4 weeks
Visit live site
Client context

Weinberger Aesthetics had an existing custom WordPress website that needed to be replaced with a more refined, modern, and easier-to-manage experience. The new design was provided in Figma and converted into a responsive Bricks Builder website with dynamic WordPress sections, reusable layouts, and a cleaner CMS structure. The result is a polished clinic website that presents treatments clearly, supports patient trust, and gives the team a more practical way to manage content.

Case typerebuild

Project context used to guide scope and delivery.

IndustryPlastic, aesthetic, and hand surgery clinic

Project context used to guide scope and delivery.

ObjectiveConvert Figma design into a responsive Bricks Builder website with flexible content management

Project context used to guide scope and delivery.

Project typeCustom WordPress rebuild and Figma to Bricks Builder development

Project context used to guide scope and delivery.

Timeline4 weeks

Project context used to guide scope and delivery.

Live siteweinberger-aesthetics.de

Open the completed production website.

Challenges and results

What changed after launch

A side-by-side view of the project friction and the practical outcomes delivered.

Before

Challenges

Old custom WordPress setupThe previous website was built on a custom WordPress setup that needed a more modern, editable, and scalable structure.
Detailed treatment contentThe clinic offers a wide range of surgical and non-surgical treatments, so the content needed to be organized clearly without overwhelming visitors.
Premium medical presentationThe website needed to feel elegant, professional, discreet, and trustworthy while still staying easy to read across all devices.
After

Results and benefits

Figma to Bricks implementationThe supplied Figma design was converted into a responsive Bricks Builder website with accurate layouts, spacing, typography, and visual structure.
Cleaner treatment structureTreatment pages and clinic content were organized to make services easier to explore, from aesthetic procedures to hand surgery and medical cosmetic treatments.
Editable WordPress foundationACF-powered content areas, reusable Bricks sections, and a cleaner plugin stack made the site easier to update and maintain after launch.
Tools

Stack matched the workflow

Each tool had a specific job: editing, layout production, content structure, SEO, security, or performance.

The build focused on translating the Figma design into a lightweight Bricks Builder structure with reusable sections, clean responsive layouts, organized media, reliable email delivery, and SEO-ready WordPress foundations.

Bricks BuilderVisual WordPress builder for fast custom layouts and design.
Advanced Custom FieldsStructured WordPress fields for flexible editable website content.
SEOPressComplete WordPress SEO for metadata, indexing, and optimization.
FluentSMTPReliable WordPress email delivery for forms and notifications.
HappyFiles ProAdvanced WordPress media organization for large content libraries.
WordPress CMSFlexible content management for scalable business websites.
Branding and logo

A calm, premium visual system for a modern aesthetic clinic.

The visual direction uses deep green, soft neutrals, and clean typography to create a discreet, professional, and patient-focused experience.

Typography
Primary fontSource Sans Pro

Source Sans Pro is used across the website for clean readability, polished interface text, and a modern medical aesthetic.

Colors
Primary colorhsl(163 100% 13%)Secondary colorhsl(34, 2%, 55%)Accent colorhsl(0, 0%, 88%)Background color#F2F3F4
Logo
Weinberger Aesthetics logo
+
Brand system

The visual direction uses deep green, soft neutrals, and clean typography to create a discreet, professional, and patient-focused experience.

Homepage comparison

Old custom homepage and new Bricks build

A side-by-side desktop view of the previous custom WordPress homepage and the new Bricks Builder implementation.

weinberger-aesthetics.de / old custom wordpress homepage
weinberger-aesthetics.de / old custom wordpress homepage
Old custom WordPress homepageBefore rebuild
weinberger-aesthetics.de / new bricks homepage
weinberger-aesthetics.de / new bricks homepage
New Bricks homepageAfter rebuild
Contact / Hire Me

Let's build it right.

Share your goals, current site, and timeline. I will respond with a practical next step for custom React.js, HTML/CSS, JavaScript, or Next.js work.

Send project detailsGet a build estimate
Emailayoubkhan558@hotmail.com+92 334 781 2124LinkedIn