ZUNO Corporate Website Design & Development (B2B SaaS)
Elevating a global registry into an intelligent, AI-driven experience
UX/UI Design
ZUNO develops innovative mobile games for gamifying learning and training, enabling companies to boost employee engagement in a simple and fun way. Their games are short, accessible to everyone, even those without technical knowledge, and can be fully branded to align with the company’s identity. Through smart analytics, user-friendliness, and quick deployment, ZUNO Games brings a modern approach to learning within organizations.
The existing legacy site lacked clarity and failed to establish the professional credibility needed to engage C-level executives and HR decision-makers. With two distinct product lines (OMNIA and UNO), the challenge was to present them clearly, with effective positioning and streamlined user journeys.
The project required a website that:
(01)
Effectively positioned ZUNO’s innovative offerings, establishing a professional, trustworthy presence.
(02)
Provided an engaging, user-centered experience while conveying complex product benefits in a simple, accessible way.
Audience Expansion
The goal was to communicate ZUNO’s value proposition clearly to high-level B2B clients while fostering trust and credibility with decision-makers.
Approach
I applied a "Design for Implementation" philosophy. Every design decision was made with Webflow’s capabilities in mind, ensuring an elegant, high-fidelity result while maximizing development efficiency with custom code.
Navigating & Strategy
We collaborated with a renowned design studio on defining user needs, and they delivered a need-finding document and low-fidelity wireframes.
Strategic Information Architecture Adjustment
A comprehensive audit led to the refinement of the Information Architecture. By establishing distinct user journeys for the two products (OMNIA and UNO), we streamlined the user flow.
01
Achieving the Balanced Tone
The most challenging task was striking the perfect balance between two essential tones:
(a)
Corporate & Trustworthy:
Critical for appealing to Compliance Managers and C-level buyers.
(b)
Engaging & Fun:
Essential for conveying the core value of gamified, bite-size learning.
02
Visual Strategy & Execution
I replaced deprecated gradients with a modern, singular blue that served as the primary accent color. Paired with clean white space and professional typography, this strategy upheld corporate credibility while injecting tech-forward energy.
Friendly doodle-style decorative elements and playful emojis added the needed touch of fun without undermining the professional image.
03
Impact on Brand Identity
The visual language of the website resonated so strongly with stakeholders that it became the foundation for ZUNO’s new brand identity. The logo colors, style guide, and overall aesthetic were all adopted from the website’s design, transforming the company’s entire brand narrative.
The project required a fully functional, responsive website:
Platform
Developed entirely within Webflow, leveraging its powerful CMS and dynamic capabilities to ensure seamless performance.
Technical Achievement
To bring the high-fidelity design to life, I integrated custom JavaScript libraries, and developed advanced modules for dynamic product displays. This allowed us to maintain design integrity while ensuring scalability and ease of maintenance.
Execution
Delivered a pixel-perfect solution that was fully responsive across all devices, offering an intuitive experience while maintaining scalability and ease of maintenance. The result: a highly functional site that met the client’s business goals and technical needs.
45,4% increase in user stickness
Brand Transformation through Design
The redesigned website not only repositioned ZUNO in the market but also became the cornerstone of its full rebrand. This demonstrated the strategic power of design in driving brand transformation.
Improved content scalability
The modular architecture reduced the need for multiple standalone landing pages, easing the development load and simplifying updates.
Design Meets Technical Feasibility
This project reinforced the effectiveness of the Design for Implementation philosophy. By aligning design decisions with technical feasibility, I was able to deliver a high-quality, strategic solution that not only met the brand’s needs but also optimized development efficiency.
