Zero-True Website Transformation
Creating a Dynamic Digital Identity for a Collaborative Data Platform
Disciplines
Web Design
Marketing Strategy
Business Growth
Timeline
June - August 2024
Team
Solo Designer
Two Software Engineers
CEO & CTO
providing context
What's Zero-True?
In the summer of 2024, I joined Zero-True as the Lead UI Designer, working to redefine the visual and functional identity of their platform—a tool that elevates static notebooks into dynamic, real-time collaboration spaces for data professionals. Zero-True, as an early-stage startup, needed a strong, distinctive web presence to stand out in a competitive landscape. My primary objective was to transform their existing landing page into a robust, enterprise-level website that communicated their mission, product benefits, and brand identity. This end-to-end project included crafting a cohesive visual language through typography, asset selection, and color scheme design, as well as developing the site in Webflow to ensure a polished, interactive experience.
the challenge
Establish a strong brand identity that communicates Zero-True’s mission and value proposition.
Build a seamless user experience that enables visitors to easily understand and explore the platform’s capabilities.
Issues, goals, and objectives
Understanding where we can improve
Identified issues
The outdated design lacks a cohesive brand identity.
Minimal feature content does not effectively communicate product value.
Ineffective call-to-action (CTA) placement reduces conversions.
Lack of visual hierarchy makes information hard to digest.
Primary Goals
Establish a strong brand identity that reflects Zero-True’s mission of innovation
Improve the user experience with intuitive navigation and clear information flow.
Increase engagement and conversion rates through effective CTAs.
Effectively showcase product features and use cases.
Objectives
Redesign the layout to create a scalable, enterprise-level website.
Implement cohesive, modern typography, color scheme, and visual style.
Add engaging elements, including customer testimonials, case studies, and a feature gallery.
Optimize the website for fast loading, mobile responsiveness, and accessibility.
TYPOGRAPHY AND COLOR STYLE
Establishing visual consistency
Color Palette
Typography
PREVIOUS DESIGN
Identifying key improvements from the old design
DESIGN TRANSFORMATION
Implementing our changes for the key sections
Header & Hero
Added a bold, engaging headline and a video for increased user attention.
Enhanced visual hierarchy with better use of color and typography to draw attention to the CTA.
Improved content clarity to clearly communicate Zero-True’s value proposition.
Section 2
Services & Features
Improved CTA to easily install the software to your GitHub.
Added a demo video for a more engaging experience.
Structured the content to immediately highlight core features and benefits of the platform.
Used a modular design to allow users to explore features in a visually organized way.
Section 3
Gallery
Organized layout to better showcase individual items with clear, structured cards.
Introduced specific use cases to build user trust.
Enhanced readability and navigation to help users quickly find relevant resources.
Section 4
Mission & About
Created a dedicated section for Zero-True’s mission and team to build brand trust.
Added founder bios with detailed information, making the team more relatable.
Included a contact option for easy engagement, enhancing user interaction.
FINAL DESIGN
Bringing Zero-True's vision to life
