Design system creation

Email workflows

Webflow Development

Pipeline B2B

A high-conversion landing page built for a marketing consultancy specialized in B2B services. Designed from scratch with a clear focus on positioning, storytelling, and conversion—translating abstract service offerings into a compelling digital experience.

Project Duration

2 Weeks (1 Design + 1 Development)

Client

Year

Team involved
Jordi Espinosa
Product Designer
Patxi Alonso
Software Engineer
Project Details
  • Brand Strategy & Positioning
  • Copywriting & Messaging Architecture
  • Visual Identity Design
  • Landing Page UI/UX Design
  • Webflow Development
  • SEO Foundations
Tech Used
  • Figma
  • Koala UI
  • Webflow
  • Notion
  • Client-First (Finsweet)
  • Google Fonts
  • GSAP
Project Goal / Main Challenge

The main goal of this project was to design a landing page that clearly communicates the value proposition of Pipeline, a B2B marketing consultancy. The challenge wasn’t just visual—it was strategic: how to turn a complex, service-based offering into a page that captures attention, builds trust, and drives qualified leads.

From a product design perspective, we focused on creating a layout that guides users through a clear narrative: what Pipeline does, why it matters, and how it helps.

The UI had to feel sharp, premium, and modern—reflecting the consultancy’s ambition to compete with top-tier firms. The entire structure was optimized for conversion: headlines crafted for clarity, CTAs placed strategically, and visuals used to reinforce credibility and value.

Main issues

At the start of the project, we encountered these obstacles that needed to be resolved:

  • ❌ The brand had no clear digital presence or message
  • ❌ Their services were abstract and difficult to communicate
  • ❌ There was no structure to guide a potential lead through the offer
  • ❌ Lack of social proof or authority signals
  • ❌ No visual consistency or professional look across platforms
  • ❌ No conversion-focused copywriting or CTA structure
  • ❌ The team was unsure how to position the brand to differentiate in the market
Solved points

So with the project, we have managed to resolve:

  • ✅ A well-defined and visually consistent brand identity
  • ✅ Strategic copywriting that clearly communicates what Pipeline offers and to whom
  • ✅ Page architecture designed to guide users from interest to conversion
  • ✅ Social proof sections with testimonials and case studies
  • ✅ Visual design aligned with premium consulting firms, built for trust
  • ✅ Optimized content sections: pain points, solutions, offer, credibility, CTA
  • ✅ Messaging refined to speak directly to ideal B2B decision-makers

We knew what we offered, but we didn’t know how to present it. This landing page helped us clarify our message, position ourselves professionally, and start getting real leads from day one. It’s more than a design — it’s strategy brought to life.

A few more images