Web Redesign
Integration

How Zeplin Inc. Achieved Pixel-Perfect Design with Darwin

About the client

Facing challenges in maintaining a high-caliber marketing website and blog, Zeplin Inc. sought a solution to seamlessly integrate third-party tools, enhance speed, and secure a flawless user experience. Darwin implemented a Sanity CMS-powered website with advanced development techniques, empowering Zeplin's marketing team to self-manage content while improving site performance and usability. 

The result? A visually stunning, efficient website that exceeded expectations, enabling Zeplin to maximize its marketing potential. 

Introduction

Mission
Zeplin inc. is a leading collaboration hub for product teams, bridging the gap between designers and developers. With clients ranging across industries, Zeplin empowers teams to turn their creative visions into reality with precision and ease. Known for its commitment to design excellence, Zeplin required a marketing website that reflected its high standards while accommodating its evolving business needs. 
Problem Overview
An outdated marketing website was holding Zeplin back. It was difficult to manage, lacked seamless integration with third-party marketing tools, and fell short of delivering the polished, professional output Zeplin demanded. The growing complexity of their digital landscape required a reliable partner to build a cutting-edge marketing website and blog that could represent their brand at its best. 

The Problem

These challenges combined hindered Zeplin’s ability to showcase its technology and engage its audience effectively. 

Key issues

Time-Intensive Maintenance

Zeplin’s existing website was cumbersome to update, with marketing teams relying on developers for every change. This lack of autonomy slowed campaigns and stifled agility.

Design Execution Gaps

With a focus on design precision, Zeplin’s team found that their previous website failed to meet the exacting standards needed to reflect their brand identity. 

Poor Integration of Third-Party Tools

Marketing tools like HubSpot, Mixpanel, and Optimizely—essential for insightful campaign management—weren't seamlessly woven into the website’s infrastructure, limiting their utility. 

Subpar Speed and Performance

With rising user expectations, website speed and performance were underwhelming. Long loading times affected both the user experience and campaign outcomes. 

The Solution

Darwin stepped in to transform Zeplin's digital presence. With a focus on design excellence, speed, and ease of use, Darwin introduced the following solutions:
1

Prioritized Speed Optimization 

From the outset, Darwin prioritized speed as a core element of the website redesign. Using code-splitting and Tailwind CSS, Darwin ensured maximum efficiency, delivering lightning-fast page loads across all devices. 
2

Sanity CMS Implementation

To grant Zeplin’s marketing team full control over their content, Darwin implemented Sanity CMS. This allowed Zeplin to self-manage the website and blog with minimal reliance on developers, offering the flexibility and agility needed for on-the-fly updates. 
3

Seamless Integration of Marketing Tools

Darwin seamlessly integrated essential third-party tools, including: HubSpot for lead generation and nurturing, Mixpanel for behavior analytics, Optimizely for A/B testing and personalization, CookieYes for GDPR compliance, Termly for streamlined legal compliance. This integration empowered Zeplin's marketing team to extract maximum insights and functionality from their website. 
4

Pixel-Perfect Design Execution

With a clear mandate for perfection, Darwin adopted a "pixel-perfect" development approach. Paying meticulous attention to design files, the team ensured that every detail—down to the smallest alignment—was implemented flawlessly.
5

Enhanced Website Security

Proactive measures were taken to enhance the security of the website, ensuring it could operate safely and reliably at scale.

Darwin’s partnership with Zeplin produced a transformational shift in their website’s functionality, usability, and overall impact.

want the same!

Key Outcomes

The collaboration between Bennie and DarwinApps delivered substantial and measurable results that transformed the customer experience and strengthened Bennie’s brand presence.
High-Performance Website and Blog
Thanks to Sanity CMS and speed optimization techniques, Zeplin’s marketing team gained full control to independently manage and update content. The upgraded website was high-performing and remarkably fast.
Perfect Design Execution
Zeplin’s marketing director, Jason Feng, described the outcome as “pixel-perfect development that meets the highest standards,” achieving the brand’s design aspirations with precision.
Seamless Tool Integration
he incorporation of tools like Mixpanel, HubSpot, and Optimizely created harmony between marketing efforts and website performance. Zeplin’s team now has actionable insights and the ability to refine campaigns with ease.
Improved Team Efficiency
By decentralizing content updates, the marketing team significantly increased its agility and operational efficiency, reducing developer dependency.

Before-and-After Comparison

Metric

Task completion time
Autonomy
Compliance

Before

Slow and frustrating
Marketing team relied on developers
Lack of compliance with regulations

After

Pages load faster, enhancing UX 
Full independence in website updates
Fully compliant with Termly

Client Feedback

*This endorsement reflects the exceptional quality of the solution and the value it delivered to Zeplin’s operations.
Darwin’s partnership with Zeplin Inc. resulted in a high-impact marketing website and blog that not only met but exceeded expectations. With lightning-fast performance, self-manageable content, and flawless design execution, Zeplin is now equipped to achieve its marketing goals with confidence and style. 

Transform your website experience today

Book a Demo