Content Meets E-commerce
Two half-working websites rebuilt into one, where teachers can see the lessons and the price on the same page.
The Results
- 15–25% Lift in Views & New Users
- 200%+ Growth in Shopify Sessions
- 25–35% Increase in Monthly Sales
Measured over the first year after the new brand launched.
- Client
- Ozobot
- Role
- Creative Director
- UX/UI Designer
- Time Frame
- 2021 – Present
- Team
- Creative Director
- Writers
- Graphic Designer
- Developer
01 Overview
Ozobot had two websites that each did half the job, one with all the lessons and resources but no way to buy, and a Shopify store that could take an order but couldn't make the case for it. I led the rebuild into one site centered on product photography and video, where teachers and administrators can see the lessons and the price on the same page.
02 Design
One Site, Two Audiences
The homepage had to work for two very different visitors, the administrators and teachers deciding what to buy, and the customers who already own a robot and just need their lessons. It opens on the robot in action, sorts every product by grade level, and walks through unboxing to coding in three steps, so both audiences find their way in without ever leaving the site.
Showing the Robot at Work
Education products aren't that different from any other consumer product, people want to see the thing actually being used, and administrators and teachers want to see the lessons that make it worth the budget. Every robot page puts both side by side, product and lifestyle photography and video up top, with the lessons, standards, and what's in the box right alongside the price, and the brand identity stepping back to frame it all.
Finding Everything Else
With everything under one roof, the navigation had to carry a lot more than it used to. The mega menu sorts products, grade levels, educator resources, and support into clear columns, and the footer repeats that same map, so nothing is ever more than a click away, including a cart that works like any other store's.
03 Reflection
The first-year numbers were a nice confirmation, but what I'm proudest of is that a teacher and an administrator can land on the same product page and both find what they came for, the lessons that make the robot worth teaching with and the photos and videos that make it worth buying. Merging two sites sounds like a technical job, and it was, but it really came down to deciding that the content was the sales pitch.
Tools — Figma, Adobe Creative Suite