Passion.io

Giving a fast-growing creator platform a brand and website that match its scale

About the project

The Passion.io platform gives creators, coaches, consultants, and businesses the power to build a fully branded mobile app of their own, without hiring developers. By removing the need for coding, it puts professional app ownership within reach of anyone, regardless of technical background.

Founded in Germany, the platform is now used by creators worldwide across the fitness, wellness, education, consulting sectors, and many more. Instead of relying on multiple tools, Passion.io unifies courses, communities, payments, push notifications, and AI-powered coaching into one seamless platform.

Services
Branding
Website Design
Website Development
Industry
Information Technology
Other industries
  • 15K+
    Apps launched
  • 3M+
    Customers served
  • 4.3
    Trustpilot rating backed by 1.8K+ reviews
Want to discuss your product vision with our team?
Book a call
Branded Passion.io tote bag carrying the new logomark
Passion.io homepage on a laptop with the Coach your clients with AI headline

Challenge

Passion.io was scaling rapidly, outgrowing its existing brand identity, which no longer reflected the platform’s capabilities. The Halo Lab team was brought in to create a visual system and web experience that matched the platform’s ambition and long-term vision while remaining approachable for creators.

Creator using a phone, framed by the Grow and Create brand badges

Our process

In the crowded creator-economy space, trust and perceived credibility are among the most critical factors. That’s why we moved away from a generic SaaS look, building a brand and website that stood apart while strengthening authority and communicating value consistently.

Branding

With the platform’s empowering spirit in mind, we grounded our branding in thorough research, building a distinctive logo and identity system that stayed true to the brand’s core character.

{{dropdowns-1}}

Passion.io branded keychain tags and a Your Success, Measured digital poster

Website design

When the identity was settled, we turned to designing a website that would translate the brand into a high-converting, user-friendly experience.

{{dropdowns-2}}

Website development

With everything essential in place, we brought the design to life by building it in Webflow and layering in motion to make the experience feel dynamic and alive.

{{dropdowns-3}}

Results

  • Distinctive brand identity helped reflect Passion.io’s scale and innovation while staying true to its creator-centric roots
  • Comprehensive brand system with documented guidelines ensured the client’s team could maintain visual consistency across touchpoints
  • Intuitive and dynamic web design brought the platform experience to life through real app previews and motion
  • A scalable Webflow foundation with fully editable CMS content empowered the team to update the site without developer support
  • New website now draws 500K+ estimated monthly visitors, based on third-party analytics

Our approach

Strong results start with open dialogue. At every stage, we work closely with the client’s team, running workshops, gathering feedback, and refining ideas through multiple iterations. If your product needs the same level of care, contact us — and we’ll help turn complexity into an experience people can understand, trust, and use with confidence.

{{approach}}

{{slider-1}}

Ready to discuss your project with us?

Let’s discuss how we can craft a distinctive brand identity that captivates, connects, and converts.
BOOK A CALL

01  ·  Brand research

We began by analyzing Passion.io’s product, audience, and market positioning. Competitive research and visual benchmarking helped uncover opportunities to create a more distinctive identity while preserving the platform’s user-first character.

Competitor research moodboard with creator-economy platform references

Deliverables

  • Four competitors analyzed
  • Conceptual moodboard

02  ·  Logo design

Rather than designing from scratch, we evolved the existing logo, combining a loop-shaped “P” inside a container with a custom wordmark. This approach preserved brand recognizability while giving it a more modern and distinctive appearance.

Passion.io logo construction grid with proportion guides for the wordmark

Deliverables

  • Logomark & wordmark
  • Logo usage guidelines

03  ·  Brand identity design

To express tech sophistication and creative flexibility, we built the brand on dynamic gradients, enabling different color combinations while staying consistent. Rounded shapes became a defining visual element, conveying openness and potential.

Passion.io brand identity applied across gradient marketing tiles

Deliverables

  • Two identity concepts
  • Color & typography system
  • Brand guidelines

01  ·  Discovery and research

Our specialists researched the user experience and interface design of competing platforms to understand industry standards, expectations, and common pain points. These insights helped us define the information architecture and visual direction.

UX research concept showing creator platform cards and interface icons

Deliverables

  • Four competitors analyzed
  • Key usability gaps
  • UX/UI insight

02  ·  UX design

The page leaned into user-focused patterns, using strong social proof and statistics to build trust. The structured layout highlighted key features and created a clear path from awareness to meaningful engagement and conversion.

Creator portrait with a 4.9 rating badge used as social proof on the website

Deliverables

  • Key user flows
  • Sitemap and page structure
  • Content hierarchy

03  ·  UI design

Our team integrated the new visual language across the website, complemented by scroll-driven animations and micro-interactions. To demonstrate the product to users, we represented actual platform screens, mocked up inside device frames.

Passion.io Launch your own app page shown on a laptop mockup

Deliverables

  • Over ten pages designed
  • Motion design and interactions
  • Desktop & mobile layouts
  • UI kit

01  ·  Webflow development

Our development team built the site in Webflow, making sure all elements are responsive and pixel-perfect across all devices. To facilitate future updates, we kept the content editable without altering the design.

Passion.io website pages built in Webflow, including App Builder and How it works

Deliverables

  • Adaptive Webflow built
  • CMS-editable content

02  ·  Animation development

We implemented animations and interactive elements, like parallax and hover effects, in Webflow. Scroll-triggered product previews enabled visitors to explore real app experiences and different platform features in a dynamic way.

Deliverables

  • Animation built in Webflow
  • Embedded motion assets

Team

  • 1 Project Manager
  • 2 Brand Designers
  • 2 UX/UI Designers
  • 2 Web Designers
  • 1 Webflow Developer

Technologies

Figma
Webflow