Moloco
A full design package for Molocon, including branding, motion, 3D billboard, and event presentation visuals.
Role:
Brand Designer, Motion Designer, Visual Designer
Duration:
3 Month, 2024
Category:
Visual Design, Motion Design
Tools:
Figma, Photoshop, After Effects, Cinema 4D, Blender, Redshift
Summary
The Moloco website redesign aimed to align the company’s rapid growth with a more purposeful user experience. As Moloco expanded into advertising, commerce media, and streaming, the site needed to better communicate its value and serve multiple audiences. The new experience simplifies navigation, clarifies product storytelling, and connects users to the right solutions faster. By translating complex machine learning technology into an accessible, story-driven journey, the website strengthens both brand perception and business conversion.
Agency: Carpe Diem Creative
Challenges
As Moloco expanded into commerce media, streaming, and introduced its new SDK product, the website’s experience no longer supported the company’s growth. Users from different backgrounds, marketers, advertisers, and developers, entered the site with distinct goals but encountered a one-size-fits-all experience. Navigation lacked hierarchy and guidance, making it difficult for visitors to understand where to start or how products connected to their specific needs.
Key journeys required too many interactions to reach essential content. Users often dropped off when moving between solutions and products, due to inconsistent page depth and limited cross-linking between related content. The layout also lacked interaction feedback and visual orientation, causing users to lose context as they explored deeper layers of the site. The redesign needed to simplify navigation, strengthen hierarchy, and improve flow, ensuring that every audience could quickly find, learn, and act without friction.
UX Strategy
The redesign focused on building a more scalable user experience that could serve multiple audiences without fragmentation. A hybrid navigation model was introduced, balancing solution-based and role-based entry points to guide different users seamlessly through the site. Streamlined pathways, consistent interaction patterns, and improved content flow reduced friction and helped users quickly understand how Moloco’s products connect across industries.
Stakeholder Study
Through audience mapping, we identified two primary user segments—Business users and Developers—each engaging with Moloco’s platform in distinct ways.
-
Business audiences include advertisers, marketers, publishers, retailers, and streaming platforms. Their goals center around optimizing ad performance, scaling revenue, and understanding Moloco’s AI-driven capabilities. These users interact primarily with Moloco Ads, Commerce Media Solutions, and Streaming Monetization tools.
-
Developers, on the other hand, engage through the SDK product, requiring streamlined documentation, integration guides, and technical resources.
This distinction informed the new information architecture, which connects both segments through a unified brand experience while maintaining dedicated flows for each audience type. Business users navigate through solution discovery, while developers access product integration—both leading to measurable engagement and conversion.
What We Learned
01
complexity
Users across roles found Moloco’s technical language and layered offerings difficult to understand.
02
Navigation
This is the space to introduce the Services section. Briefly describe the types of services offered and highlight any special benefits or features.
03
Onboarding
Users faced a steep learning curve, with limited guidance and context during campaign setup or SDK integration.
04
Storytelling
Users wanted clearer, industry-specific examples instead of generic case studies buried in the site.
05
Engagement
Users lacked ongoing touchpoints like community, events, or personalized follow-ups.
Design Solutions
The redesign simplified complexity through a guided, audience-centered experience. A hybrid navigation model connected role-based and product-based pathways, helping users find relevant content faster. Streamlined information architecture, consistent interactions, and clear hierarchy reduced cognitive load while maintaining a cohesive visual language. The result is a scalable, intuitive platform that balances usability and storytelling.
Clear Solution Segmentation
The website now introduces Moloco’s offerings through distinct product lines, Ads, Commerce Media, and Streaming Monetization, each with its own entry point and value summary. This change helps users immediately identify which solution fits their needs, reducing confusion and improving first-time navigation.
Focused Hero Message
The new hero section clearly communicates Moloco’s business value: “Grow, scale, and monetize with AI advertising solutions.” This clarity strengthens brand positioning, aligns with business goals, and quickly tells users what Moloco does and who it’s for.
Role-Based Navigation & Entry Paths
Navigation has been restructured around both solutions and user roles, creating a more personalized and efficient experience. By allowing marketers, partners, and developers to self-select their paths, users now find relevant content faster and with fewer steps.
Expanded Resources & Engagement
A dedicated content hub now features case studies, insights, and documentation, organized by use case and audience type. This update supports continuous learning and engagement, reducing drop-off rates by keeping users connected beyond their initial visit.
Unified Visual Identity
Moloco’s brand visuals now use a consistent color palette, 2.5D illustrations, and clearer iconography across all product pages. These refinements bring cohesion and storytelling into the experience, helping abstract machine learning concepts feel approachable and human.
Transfer it into Mobile
The visual identity extended beyond digital screens into physical spaces, creating a cohesive and immersive event experience. The system was applied across the stage design, event venue, and outdoor advertising, ensuring a consistent visual language throughout. The gradient blue and purple tones illuminated the stage backdrop and on-site displays, while the dynamic motion graphics added energy to keynote presentations.
Conclusion
As a designer, I see my role as a bridge between creativity and function—someone who listens, translates, and builds systems that elevate ideas into experiences. The Molocon project reaffirmed that effective design isn’t just about aesthetics—it’s about clarity, empathy, and collaboration that bring technology and people closer together.