Moloco
Strategic website redesign for a multi-product AI platform.
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 launched its SDK, the website no longer matched the scale of its ecosystem. Marketers, advertisers, and developers entered with different goals but faced a one-size-fits-all experience, with little hierarchy or guidance to help them understand where to begin.
Key journeys required too many steps to reach essential content. Users often dropped off when moving between solutions due to inconsistent depth, weak cross-linking, and limited orientation cues. The redesign needed to clarify navigation, strengthen structure, and create smoother, more intuitive flows for every audience.
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.
Key Touchpoints
Complexity
Users struggled to interpret technical language and understand how Moloco’s layered products fit together.
Navigation
This is the space to introduce the Services section. Briefly describe the types of services offered and highlight any special benefits or features.
Onboarding
Users faced a steep learning curve, with limited guidance and context during campaign setup or SDK integration.
Storytelling
Users wanted clearer, industry-specific examples instead of generic case studies buried in the site.
Engagement
Users lacked ongoing touchpoints like community, events, or personalized follow-ups.
Defining Moloco's Digital Identity
Moloco’s updated identity uses bold gradients, 2.5D illustrations, and clean geometric forms to make complex machine-learning concepts feel intuitive and human. The vibrant purple blue palette signals intelligence and performance, while the soft lighting and depth bring warmth and approachability to an advanced AI ecosystem. From the circular growth visuals to the illustrated device and multi-audience hero scene, each element reinforces a narrative of clarity, precision, and forward momentum — transforming abstract data systems into visuals that are modern, engaging, and easy to understand.
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.
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.
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.
