Check out the live website here 👉 https://haunschmid-gruber.com/

When Daniel and Melanie Haunschmid-Gruber approached me, they had a clear vision: two distinct service portfolios under one domain, built in Framer. Daniel needed a page for his Shopify development and UX design services; Melanie needed one for her performance marketing and Google Ads expertise. They had started building the project themselves but quickly hit a wall.

Beyond design, the client wanted full copywriting support and a seamless integration of a Cal.com booking widget. The project was delivered in stages: Daniel's page first, then Melanie's, with iterative feedback rounds and responsive design added after desktop approval.

Daniel and Melanie needed separate visual identities while sharing a single Framer project. The layout had to stay consistent, but the color palettes and content had to clearly differentiate their services. The existing Framer project was incomplete and had technical and design issues that needed to be resolved before building further. Additionally, the client wanted the CTA button visible above the fold—something the initial hero design failed to achieve.

I rebuilt the Framer project from the ground up, creating a reusable component system that allowed the same layout to be duplicated and adapted for each person. Daniel's page used a deep green palette with neon accents; Melanie's page used yellow as the primary accent, creating a clear visual distinction while maintaining brand cohesion. I wrote all copy based on the client's business case documents and integrated a Cal.com widget for direct booking.

The project went through multiple rounds of feedback. I restructured the hero section to fit everything inside the initial viewport, added scroll incentives, and reworked the partners section for Melanie to focus on tools and platforms rather than brands. I also adjusted the process section to emphasize the client's positioning—Daniel's 10-month ROI guarantee and Melanie's data-driven performance marketing. Each change was implemented in Framer and reviewed by the client.

After desktop approval, I made both pages fully responsive for tablet and mobile. The Cal.com widget was kept scrollable on smaller screens to preserve space. The final project was delivered on Framer, ready to connect to the domain. Despite a two-week communication gap near the end, the project was submitted as complete on Contra, with all requested changes implemented.

The entire project was built in Framer. Copywriting was supported by AI tools based on the client's business case documents. The Cal.com widget was embedded directly into the CTA section. The design system was built with reusable components to allow for easy duplication and future expansion (e.g., a potential resources page).

This project was a lesson in balancing two distinct brand identities within a shared design system—and in managing scope and feedback in a fast-moving, iterative process. Despite the initial project being underestimated in time, the final pages are clean, conversion-focused, and fully responsive. Daniel and Melanie now have two professional portfolio pages that reflect their expertise and are ready to convert visitors into clients.

Check out the live website here 👉 https://haunschmid-gruber.com/