B2B lead generation landing pages for Notic Agency

Overview

Building a responsive landing page

I developed a responsive landing page tailored specifically to Notic Agency's international markets. By utilizing an atomic design system in Figma and directly porting it to WordPress, I gave them a digital foundation they could easily scale.

Context

Figuring out the structure before making it look good

The agency owner already had a general idea of the visual style and copy, so my job was to just figure out how to make it work for B2B lead gen. I started by throwing together some wireframes in Figma to test what looked best.

Since we were targeting a broad B2B market in Slovenia but a very niche home improvement sector in Austria, we needed a simple structure that could handle totally different messaging without breaking the layout.

Solution

I kept it organized so development wouldn't be a nightmare

I set up a clean atomic design system in Figma just to make my life easier. This meant I could quickly test layouts and swap out content blocks without having to redesign the whole page.

Of course, I made sure everything was fully responsive from the start, so it would look good on mobile without us having to do double the work.

Localisation

Adjusting the content for different clients

We had to adjust the sections to appeal strictly to the Austrian home improvement industry. I adjusted the visual hierarchy to put the focus on the actual industries we had experience working with.

By focusing on what the local audience wanted to see, we made sure the landing page felt trustworthy and reliable.

Reflection

Seeing the design through to the live website

This project was a great reminder that a nice-looking design doesn't mean much if it doesn't work well in the developement. Transforming the idea into a live page taught me how to actually organize my workflow.

Helping out with the copywriting and SEO also taught me to design with actual content in mind, which ended up saving us a lot of headaches.