Outbond

Design and Development for a Business Coach

Live Site

Services

  • Design
  • Development
  • Interactions

Location & Year

  • Germany
  • 2024

Industry

  • B2B
  • Portfolio
Outbond website on a laptop

Brief

Join four separate sites into one cohesive experience as three companies became one.

Result

  • Four Biz Lines Into One Boosted Image, Formerly four separate but connected entities, the re-imagined Peachtree Group site had to clearly present myriad services to a spiderweb of audiences under one clear hierarchy.
  • Phased Launch, We introduced Peachtree’s new name and brand to the world with a fresh home page and limited site in a short ten weeks, then began framing up the remainder of the merged experience.
  • SEO-Optimized (Improved), With optimized meta titles and a renewed keyword strategy, Peachtree’s site has maintained its previous keyword ranking and volume. They’ve also added dozens more juicy terms that bring traffic to the new URL.
Outbond website

14

25 unique Pages and 5 CMS Built in webflow

$14M+

$40M pre-seed investment

25+

Customisable Webflow components

Process

Join four separate sites into one cohesive experience as three companies became one.

  1. (1)

    Discovery, Formerly four separate but connected entities, the re-imagined Peachtree Group site had to clearly present myriad services to a spiderweb of audiences under one clear hierarchy.

  2. (2)

    Wireframing, Formerly four separate but connected entities, the re-imagined Peachtree Group site had to clearly.

  3. (3)

    Finalize Content, Formerly four separate but connected entities, the re-imagined Peachtree Group site had to clearly present myriad services to a spiderweb of audiences.

  4. (4)

    Design, Formerly four separate but connected entities, the re-imagined Peachtree Group site had to clearly present myriad services to a spiderweb of audiences under one clear hierarchy.

  5. (5)

    Development, Formerly four separate but connected entities, the re-imagined Peachtree Group site had to clearly.

  6. (6)

    Optimization & QA, Formerly four separate but connected entities, the re-imagined.

Full desktop home page of the Outbond website
Lower part of the Outbond home page
Mobile hero screen
Mobile services screen
Mobile contact screen

Special Cases

We Made it Possible in Webflow

Subtle cloud animations, There is a very slow movement of the clouds. There is an unnoticeable back and forth loop. We made sure while the clouds go over the button for ascetics, the button remains perfectly clickable.

Liquid Responsive, This layout stays as we intended even on smaller screens using container queries. This means the text scales with the screen size from mobile all the way to desktop. The text stops scaling after it gets as big as the container.

Sticky footer, The footer gets revealed by the prevues section. This makes sure the footer gets extra attention since its acting practically as the cta as well.

Fine interactions, the user can clicks on the email to open their app or click to copy the email to their clipboard. All with nice detailed hover and click interactions for user feedback.

SEO

SEO Matters

Perfect HTML Structure On Site Technical SEO, We made sure the site launches with all the necessary seo requierments

Youtube Video

Portfolio Design and Development Unveiled

Client Says

Our experience with this company has been exceptional. They delivered a beautifully designed and functional website that exceeded our expectations.
Robin Rohrmann

Robin Rohrmann

CO Founder

Tools

Tools and services used for this project, each project requires unique attention to detail.

Tech Stack

  • Figma
  • Webflow
  • Web-GL

Design

  • Wire-framing
  • Figma Design
  • Adaptive Design
  • Interactive Previews
  • Responsive Design

Development

  • Webflow CMS Development
  • Webflow Development
  • Webflow Integrations

SEO

  • Webflow On Page SEO
  • Google Lighthouse

Let’s explore how we can help you achieve your goals

Click to copy
Book a Meeting