AI · Kids · EdTech

Story Spark

An accessibility-first transformation of an AI-powered EdTech platform, helping Story Spark improve usability, strengthen its brand and prepare for long-term growth while supporting neurodivergent children.

Strategy Brand Product Traction

SDG 4 SDG 10

Delivered from June to November 2024

The challenge

Getting the product ready to convert

Story Spark approached us while preparing for its next stage of growth. Although an early version of the platform was already live, usability gaps were hurting engagement and conversion, low colour contrast and hard-to-read type clashed with the brand's mission to support neurodivergent children, and the brand narrative was not landing with parents or kids. The challenge was not simply to redesign the product, but to create a stronger foundation for growth, adoption and future investment.

The approach

Three phases. One clear direction.

We worked across three phases: Strategy, then Brand and Product, then Traction. Each stage produced output aligned with the brand's values and objectives.

Phase 1

Strategy

Marketing analysis, audience segmentation, brand analysis, paid ads strategy, user testing, customer journey mapping and early UX wins.

Phase 2

Brand and Product

Accessibility-focused rebrand, brand guidelines, UI redesign, wireframes, behavioural data analysis with heatmaps and mobile-first implementation.

Phase 3

Traction

Google, Meta and YouTube advertising, email marketing, organic social content, demo videos and a viral co-creation feature.

Process highlights

From research to launch

Audience segmentation map showing the primary target groups: parents and children. — Audience segmentation: understanding who we were designing for.

User testing session with a child using the Story Spark web app. — User testing: real children, real feedback, real insights.

Customer journey map highlighting key touchpoints across the Story Spark user experience. — Customer journey mapping: identifying friction before redesign.

Brand evolution: new logo direction aligned with accessibility values.

Brand in motion: the new identity brought to life.

From concept to identity: the design process in stages.

Brand guidelines: the system that keeps everything consistent.

Redesigned Story Spark homepage shown on a desktop browser. — UI redesign: a homepage built around clarity, contrast and conversion.

Redesigned pricing and FAQ screens. — Pricing and FAQ: redesigned for clarity and trust.

Responsive mobile mockups showing key screens of the redesigned Story Spark app. — Responsive design: key screens adapted for every device.

Child mode view of the Story Spark app shown on a tablet device. — Child mode: a tailored reading experience built for young users.

Microsoft Clarity heatmap showing user scroll depth and click behaviour on the Story Spark homepage. — Clarity heatmap: behavioural data that revealed what needed fixing first.

"Microsoft Clarity heatmaps showed that only 42% of users reached the first book available for reading, and that people were clicking a plain line of text that was not a link. Those findings drove fast, targeted UI fixes."

Device split data and mobile navigation design for Story Spark. — Mobile-first: design decisions backed by device data.

"Device data showed 90.1% of sessions came from phones, 9.4% from tablets and 0.6% from desktop. Mobile-first was not a preference: it was the only option."

Google display ad creatives produced for the Story Spark traction campaign. — Google display ads: creative built to acquire and convert.

Organic Instagram content produced for the Story Spark social media presence. — Organic social: content designed to build community and trust.

YouTube ad: video content designed to drive awareness and conversion.

Results

What we achieved

Over six months, we helped Story Spark evolve from an early-stage product into a more accessible, user-centred and scalable platform. Through a combination of market research, UX design, accessibility-focused branding and multi-channel marketing, we created a stronger foundation for growth across every stage of the customer journey. These efforts positioned Story Spark for long-term growth, fostering a stronger, more connected community.

Summary of what was achieved during the Story Spark engagement.