Fav
Oyster
Hire anyone, anywhere
2
1
Oyster

Oyster and Zabal Media: Collaborating for Remote Hiring Success

We started working with the Oyster team in 2019 before they were incorporated. We started out by working with Jack Mardack, the co-founder, when they required a simple landing page to explain their business to investors and potential customers. We have come a long way since then. Oyster has now become one of the top companies when it comes to global hiring + growing your remote team. We currently have an ongoing retainer to be a contributing partner to their mission.

$1.4M
Savings from site speed optimization
6%
Total site conversion rate
136%
Increase in organic blog traffic YoY
6x
Faster speed to market
Visit live website
Webflow Development
UX/UI Design
Custom Code
Analytics
Zapier
Lottie Animations
Graphic Design
Webflow Development
UX/UI Design
Custom Code
Analytics
Zapier
Lottie Animations
Graphic Design
zabalzabalOysterpartzabal
zabalOysterzabalOysterprivate
zabalzabalOysterzabal
Title-tag
CLIENT DETAILS

Understanding the business

Business goals

Oyster once had an early stage marketing website without any branding, proper ux/ui design, or product that was ready for production. Since then, we have worked with Oyster to bring all of their business requirements, marketing initiatives, and brand to life. They are now one of the top remote hiring companies in the world. They make hiring and growing a fully distributed team a breeze.

oystercursor

Business challenges

Early stage startups need to move fast and correctly. The Oyster team did not have any dedicated strategy, design, development, nor QA partners to help them scale. Once their rounds of funding were in place, they required partners that were an embedded part of their company and culture.

Chapter 1
RESEARCH
Title-tag
KEY findings

Asking the right questions

Research goals

How might we collaborate with the Oyster leads across departments to create a cohesive experience on their marketing website that encompasses all of the values that make fully distributed teams successful.

4
01

Global hiring

How to ensure that all employment agreements are up to par with local labor laws and include legal protection?

3
02

IP protection

Who protects your trade secrets with confidentiality and intellectual property agreements?

2
03

Hire quickly

How does the onboarding and starting process work while using the Oyster platform to get team members going?

1
04

Hire anywhere

How does compliance work to hire Team Members in 180+ countries with the terms and benefits expected in local areas?

What is the future of remote work?
How are HR teams around the world hiring?
How is the global pandemic affecting HR teams?
Is Oyster an HR company or a SAAS business?
What is the future of remote work?
How are HR teams around the world hiring?
How is the global pandemic affecting HR teams?
Is Oyster an HR company or a SAAS business?
Will the need for remote workers change after covid?
What does the onboarding process look like?
What happens if laws change after members onboard?
Will the need for remote workers change after covid?
What does the onboarding process look like?
What happens if laws change after members onboard?
How are the legal terms handled when hiring abroad?
What is the long term strategy for Oyster?
What are the underserved needs?
How is success defined on the marketing website?
How are the legal terms handled when hiring abroad?
What is the long term strategy for Oyster? 
What are the underserved needs?
How is success defined on the marketing website?
Title-tag
COMPETITIVE ANALYSIS

Interface inspirations

RefRefRef
line

Defining a visual direction

The Oyster team worked closely with a branding agency to explore new visual directions. The Zabal Media team took those visual directions and built on top of them to create new pages.

I1
I2
I3
I4
Chapter 2
User Experience
Title-tag
Information architecture

Creating the systems

zabal

Optimizing a new brand

Once the branding agency created the visual direction and provided graphics, we were able to define the design systems in both Figma and in the Webflow CMS.

Having a design system that works across both design and development environments greatly improved the speed and efficiency of our partnership with the Oyster team.

Title-tag
WIRE FRAMES

Exploring new layouts

wireframe
Chapter 3
Visual Design
Title-tag
Styleguide + Design components

Visual design guidelines

Colors

zabal
RGB
1F4636
zabal
RGB
AEDCBB
zabal
RGB
7C5193
zabal
RGB
E5CAF3

Work Sans

fonts
Chapter 4
Measuring Success

Wilian is an awesome work partner who I've really enjoyed collaborating with. He brings the rare one-two punch of being able to translate business goals into website strategy and then bring it to life.  Also he's just a generally rad guy who is easy to connect with and makes work fun.

Sheehan

Maggie Sheehan

Director of Product Marketing

$1.4M
Savings from site speed optimization
6%
Total site conversion rate
136%
Increase in organic blog traffic YoY
6x
Faster speed to market

Like what you see? Don't let your website idle another day

START A PROJECT
Go to the next project:
Mural
zabal
zabal