Beetle Beetle dives deep into what makes your business unique and then provides the full suite of services to turn those ideas into a beautiful, well-designed website. Would highly recommend working with them to help bring your site to the next level.

Nicholas Larus-Stone 

CEO @ Sphinx Bio

Sphinx Bio

Company Size

1-10

Headquarters

San Francisco, California, USA

Industry

SaaS, BioTech, Machine Learning

A centralized platform for data ingestion and analysis that makes it easier and faster for scientists to analyze their own data.

Services we provided

1

Messaging research

2

Website structure and copywriting

3

Brand exploration and art direction

4

Website and landing page design

6

Webflow website development

Challenge

Old, outdated site:  Sphinx's initial website, a quick setup by the founder, couldn't handle their sales surge.

Low-awareness audience:  With a fairly new category of product, most of their visitors did not understand and were not sold on what Sphinx did or who they served.

Need to convince value:  The website needed to convince an expert audience that Sphinx offered unique value, and would fit into their existing tool stack.

Solution

After a ton of research—we wrote, designed, and built a website that:

Put the spotlight on the problems Sphinx solves: This helped visitors see how Sphinx

Showcased diverse use cases and personas: This way visitors could see themselves using Sphinx, no matter their role in the lab.

Has a narrative flow: This guides visitors through the entire website with intuitive navigation and clean, beautiful and professional design.

Results

A professional-looking website with loads of personality and a scalable structure that doesn’t need to be revamped every 6 months.

“It was one of the better consulting relationships we had. I liked the async style of working and felt like the team was fairly responsive (even with the timezone differences).”

Nicholas Larus-Stone 

CEO @ Sphinx Bio

Sphinx Bio is a data platform designed specifically for biotech scientists. It streamlines the process of ingesting, analyzing, and visualizing experimental data, eliminating the need for manual entry or custom coding.

By automating these workflows, Sphinx Bio enables scientists to focus on their experiments while the platform manages the data.

When Sphinx Bio first launched, their website wasn’t winning any best design awards—or converting leads.

“Our initial site was made by me in Webflow just to have a basic presence”

their founder admitted.

“more of a splash page than a true website”

And placeholders are fine…until your sales team starts fielding the same questions over and over:

“What exactly does your product do?”

“How is this better than what we already use?”

“Is it built for biotech, or just generic software?”

These were questions any good SaaS site should’ve answered.

But the lack of clarity on their website was costing Sphinx Bio potential leads—and credibility.

The team knew it was time to upgrade from a placeholder to

“Ah, I get it, can we discuss the details on call?”

So, they started searching for the right partner to bring their vision to life.

“We eventually found you via a comment on Reddit for SaaS web devs.”

Sphinx Bio made their goals for the new website very clear to us:

Educating visitors on the data analysis headaches Sphinx solves, building a strong foundation for value recognition.

Showcasing Sphinx’s actual product within a narrative flow, addressing user pain points and highlighting major outcomes.

Attracting qualified prospects with content tailored for the ICP and secondary personas.

1

Researching for precise messaging

Sphinx Bio’s old messaging was too direct and blindsided prospects who came in without an established understanding of the product.

We conducted a detailed review of Sphinx's materials, interviewed the team, and dove into the competitive landscape to understand key positioning opportunities.

This foundational research informed the creation of persona-driven content and use case pages that connected with every major stakeholder—scientists, ML engineers, and informatics teams—resulting in a clearer, more targeted value proposition.

2

Creating an engaging hook

Sphinx Bio’s old messaging was too direct and blindsided prospects who came in without an established understanding of the product.

We conducted a detailed review of Sphinx's materials, interviewed the team, and dove into the competitive landscape to understand key positioning opportunities.

This foundational research informed the creation of persona-driven content and use case pages that connected with every major stakeholder—scientists, ML engineers, and informatics teams—resulting in a clearer, more targeted value proposition.

3

Addressing low visitor awareness

Prospects won’t look for a solution they don’t know exists. Highlighting the pain points of traditional methods helps create urgency.

Problem: We introduced a “Why MailReach” section to clearly outline the benefits of a specialized focus on email deliverability. This section emphasized how expertise in email warming and spam testing delivered superior results.

Solution: Many visitors weren’t aware that an end-to-end solution like Sphinx existed. They were stuck with piecemeal tools or resource-heavy in-house systems.

Impact: Visitors became more informed and confident in MailReach’s value, making it easier for them to choose MailReach over less focused alternatives.

4

Crafting a clear narrative

Sphinx Bio’s old messaging was too direct and blindsided prospects who came in without an established understanding of the product.

We conducted a detailed review of Sphinx's materials, interviewed the team, and dove into the competitive landscape to understand key positioning opportunities.

This foundational research informed the creation of persona-driven content and use case pages that connected with every major stakeholder—scientists, ML engineers, and informatics teams—resulting in a clearer, more targeted value proposition.

5

Building persona-driven use cases page

Sphinx Bio’s old messaging was too direct and blindsided prospects who came in without an established understanding of the product.

We conducted a detailed review of Sphinx's materials, interviewed the team, and dove into the competitive landscape to understand key positioning opportunities.

This foundational research informed the creation of persona-driven content and use case pages that connected with every major stakeholder—scientists, ML engineers, and informatics teams—resulting in a clearer, more targeted value proposition.

6

Overcoming hesitation with integrations

Sphinx Bio’s old messaging was too direct and blindsided prospects who came in without an established understanding of the product.

We conducted a detailed review of Sphinx's materials, interviewed the team, and dove into the competitive landscape to understand key positioning opportunities.

This foundational research informed the creation of persona-driven content and use case pages that connected with every major stakeholder—scientists, ML engineers, and informatics teams—resulting in a clearer, more targeted value proposition.

7

Aligning the tone with the brand

Sphinx Bio’s old messaging was too direct and blindsided prospects who came in without an established understanding of the product.

We conducted a detailed review of Sphinx's materials, interviewed the team, and dove into the competitive landscape to understand key positioning opportunities.

This foundational research informed the creation of persona-driven content and use case pages that connected with every major stakeholder—scientists, ML engineers, and informatics teams—resulting in a clearer, more targeted value proposition.

8

Connecting the brand with the prospects

Sphinx Bio’s old messaging was too direct and blindsided prospects who came in without an established understanding of the product.

We conducted a detailed review of Sphinx's materials, interviewed the team, and dove into the competitive landscape to understand key positioning opportunities.

This foundational research informed the creation of persona-driven content and use case pages that connected with every major stakeholder—scientists, ML engineers, and informatics teams—resulting in a clearer, more targeted value proposition.

Design

At the design stage, we worked closely with the Sphinx Bio team to ensure their new website was not only modern and sophisticated but also aligned with their brand identity and appealed to their audience.

Colors:

Sphinx Bio’s application uses a vibrant ultramarine (#2463EB) as its primary color, but for the website, we focused on their logo color, a soothing pale brown (#F6D7B0).

We experimented with different palettes, blending this primary color with complementary hues of orange and a contrasting black to create a cohesive and visually appealing design.

Fonts:

We opted for fonts that conveyed a sense of professionalism and scientific rigor. After considering several options, we chose serif fonts for their sophisticated feel, enhancing the modern and credible look of the website. Some fonts we explored included Slabo 27px, Merriweather, and Roboto Slab.

Illustrations:

Given the technical nature of the product, we decided to use vector illustrations that demonstrate product flows in a simpler manner rather than focusing on outdated complex product screenshots. This approach helps in visually explaining the platform’s functionalities and benefits, making it easier for users to understand how Sphinx can streamline their data management processes.

Previews
Next
Previews
Next

Development

Revamping Sphinx’s website was a challenging but rewarding project. Here’s what we tackled:

Following our standard process, we developed a comprehensive style guide, enabling the Sphinx Bio team to easily manage and update their website independently. This approach also ensured a smooth handover, which the team greatly appreciated.

In keeping with the theme of scientific precision and efficiency, we designed a streamlined, user-friendly interface with a clear and intuitive navigation bar.

A distinctive aspect of this project was the integration of step-by-step guides and well-defined CTAs, enhancing the site’s engagement and level of detail.

While the overall look remains professional and serious, the emphasis on clarity and ease of use truly reflects the company’s ethos.

Given the extensive features and functionalities incorporated into the design, thorough testing and optimization were crucial before the hand-off.

We conducted extensive testing across all major browsers to ensure optimal performance, loading speed, and real-time functionality, considering all the dynamic elements we implemented.

When the new site launched, the feedback was immediate—and glowing. “Had a number of people go out of their way to comment that they liked the design of our new website.” the founder said. But more importantly, the site delivered on its mission:

Clarity

Visitors now instantly understand what Sphinx Bio does and why it’s a game-changer for biotech.

Credibility

The sleek, professional design reflects the sophistication of the product itself.

Leads

While they didn’t track metrics before, the team noticed an uptick in higher-quality leads post-launch.

All good things come with a catch.

We only work with 2 companies per month, owing to the research and intensity each project demands. Additionally, we only work with 1 or 2 businesses in any industry, to ensure our clients have an unfair advantage.Don't wait for a competitor to hire us.