Design Wunderbar

Whereby Website Design: Case Study ø1

Whereby is a technology website offering a flexible tool that allows you to have easy video meetings in the browser. You don't have to login or download anything. It features video conferencing with screen sharing, recording, and so much more.

The visual profile of Whereby is crafted to spark the curiosity and imagination of site visitors while providing them with a sense of calmness.  And you can see this throughout the site, from its design to choice of colors.

Main Page

whereby website design main page
Whereby — Main Page Design

Sign Up

This is a simple yet striking page where you can sign up by providing your details or via your Google account. You'll also find another impressive illustration, made specifically for the site by French illustrator duo Icinori.

whereby sign up page design
Whereby — Sign up

Login

The design idea for the Login page is similar to that of the Signup page for uniformity. You have an option to login through Google or by entering your email address.

whereby log in page
Whereby — Login

Pricing

Whereby's Pricing page is divided into three box columns in a white background. The boxes have rounded edges to soften them up. Likewise, they have a subtle shadow to make them pop up. Every plan's description is also highlighted. 

Although there is plenty of information here, including an FAQ section, the choice of font faces and sizes make it highly legible.

whereby pricing design
Whereby — Pricing

Business Account

On this one, they changed it up a bit by using a light gray hue for the background. However, it still has that fun, relaxed, and professional vibe to it. The page contains everything you need to know about the offering with CTA at the right places. Also, some sections, like the footer, are separated using Ichinori's whimsical illustrations.

whereby for business page design
Whereby — Business Account

Pro Account

The Pro Account page has the same design layout and design as the Business Account. It also has a client testimonial in big text for emphasis. But the difference here is the background color, which corresponds to the color highlight of the text description on the product page.

whereby pro account page
Whereby — Pro Account

Our Vision

Our Vision opens up with a massive text line for its header over a plain background. Applying this style is an effective way of conveying your message without the need for any fancy animations or other elements. And you'll see it thrown in strategically throughout the page. It is balanced by combining it with blocks of clean, readable texts.

whereby our vision page
Whereby — Our Vision

About Us

The About Us page is full of clarity. Its straightforward design is given a touch of personality by the small illustration at the top right corner of the page. It also has a link to the Career page at the bottom. And by applying a contrasting background color to its text, it's something that you wouldn't miss.

whereby about us page
Whereby — About Us

Meetings API

You'll be able to feel the artistic style of Whereby on this page as well. Of course, the remarkable illustrations are a big part of it. Nonetheless, the other elements are also presented creatively, from its contact form to its client testimonial.

whereby meetings api page
Whereby — Meetings API

Design Responsive Emails

See All ›
HTML Payment Emails
Blink: Payments
Blink: Payments
HTML Payment Emails
HTML Email Newsletters
Blink: Newsletters
Blink: Newsletters
HTML Email Newsletters
HTML Transactional Emails
Blink: Transactional
Blink: Transactional
HTML Transactional Emails
HTML Welcome Emails
Blink: Welcome
Blink: Welcome
HTML Welcome Emails
Responsive HTML Email Templates
Mailto
Mailto
Responsive HTML Email Templates

Make Websites Faster

See All ›
Website Template for Startups
Foundation
Foundation
Website Template for Startups
Sell Digital Assets
Marketplace
Marketplace
Sell Digital Assets
Blog Template for Bootstrap
Parrot
Parrot
Blog Template for Bootstrap
Login Page Form Template
Portal
Portal
Login Page Form Template
Portfolio Website Template for Agencies
Lighthouse
Lighthouse
Portfolio Website Template for Agencies
Marketing Website Widgets
Little Widgets
Little Widgets
Marketing Website Widgets

Design Better Products

See All ›
Website Template for Startups
Foundation
Foundation
Website Template for Startups
Sell Digital Assets
Marketplace
Marketplace
Sell Digital Assets
Blog Template for Bootstrap
Parrot
Parrot
Blog Template for Bootstrap
Login Page Form Template
Portal
Portal
Login Page Form Template
Portfolio Website Template for Agencies
Lighthouse
Lighthouse
Portfolio Website Template for Agencies
Marketing Website Widgets
Little Widgets
Little Widgets
Marketing Website Widgets