2022 Award Winner
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.

$224M
Total funding amount
97%
Google site performance
6%
Conversion rate
12k
New visitors
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
zabalzabalOysterpart
zabalOysterzabalOysterprivate
zabalzabalOyster
CLIENT DETAILS
Up-heading

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
KEY findings
Up-heading

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?
COMPETITIVE ANALYSIS
Up-heading

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
Information architecture
Up-heading

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.

WIRE FRAMES
Up-heading

Exploring new layouts

wireframe
Chapter 3
Visual Design
Styleguide + Design components
Up-heading

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
zabal
$224M
Total funding amount
97%
Google site performance
6%
Conversion rate
12k
New visitors

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

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