Designing a Website and Webshop for EdTech Startup Rotoy ApS

A marketing website and webshop for an EdTech startup—clear product storytelling, discovery, and a purchase flow built for parents and educators.

Project Summary

For Rotoy ApS, I designed a promotional website and webshop for an EdTech product aimed at parents and educators. The work covered brand-aligned UI, responsive layouts, product storytelling, and an end-to-end purchase flow—from discovery through checkout so families and schools can understand the offering and buy with confidence. Outcomes include 2x more conversions throught he webshop and 30% more trafic due to better SEO, promotional strategy and newly implemnetd blog.

🇩🇰 Rotoy ApS

An EdTech startup building playful learning products for children 8 to 12 years old. The product consists of a robot toy and educational online platform where children learn programming and robotics.

Role
Product Designer (UX/UI)
Team
Founders, marketing, design and development partners.
Methods
User flows · Wireframes · High-fidelity UI · Responsive design · Webshop UX · Usability review
Tools
Figma, Miro, Wordpress, Hotjar, Google Analytics, Slack and Story book.

My role

🎯 Lead End-to-end Product Execution

Own the design process from concept to launch.

👨‍💼 Champion the User

Designing user centric features and user journey by implementing data from user test, user interviews and surveys.

✍️ Collaborate with Marketing and Sales on Content

Work together with marketing and sales on the content of the website and webshop, on SEO and content strategy, and on governance of the content.

✅ Enforce Quality Standards

Implement design reviews, usability checks, and QA testing to ensure consistency and a smooth user experience.

🚀 Craft Scalable UI and Collaborate with Developers

Create clear, consistent interfaces using Figma and maintain shared libraries and design systems. Collaborate with developers to implement the design and ensure the code is clean and maintainable.

Rotoy: my role overview Rotoy: my role overview detail
Rotoy: intro Rotoy: cover Rotoy: project timeline Rotoy: about rotoy Rotoy: target audience Rotoy: user journey Rotoy: colors Rotoy: gradients Rotoy: grids Rotoy: ui kit Rotoy: mobile mockups1 Rotoy: main mockup1 Rotoy: main mockup2 Rotoy: main mockup3 Rotoy: main mockup4 Rotoy: main mockup5 Rotoy: main mockup6 Rotoy: mobile mockups 2 Rotoy: webshop flow Rotoy: error mockup1 Rotoy: error mockup2 Rotoy: graphics Rotoy: website and webshop design overview

Rotoy ApS needed a cohesive digital presence that explains their EdTech offering and supports direct purchase through a webshop. The work focused on brand clarity, responsive layouts, and a checkout path that feels trustworthy for families and schools.

Outcome and Results

The website had to introduce the product quickly, answer common questions before checkout, and keep navigation simple on mobile. Product pages, cart, and account flows were designed to reduce friction while preserving Rotoy’s playful, educational tone. The new website received a positive reception and we noticed an increase in engagement:

Delivery

🔗 See the website and webshop in action right here

"Octavia brings strong product thinking, a clear UX vision, and is very effective at turning ideas into concrete, well-designed solutions. She is also a strong communicator, clear, thoughtful, and easy to work with, which made collaboration across teams smooth and efficient. I really valued working with her and would happily do so again."

Krzysztof Zielinski
Rotoy: website footer