Specsavers Scrolly-Telling Learning Module

Anna-Louise Cumming

Completed work

UI Designer

UX Designer

Responsive Design

Adobe Illustrator

Adobe Photoshop

Figma

Healthcare

Specsavers

A scrolly-telling learning module designed for Specsavers employees to understand their sustainability efforts. This interactive module used a blend of illustrations, videos, and real images to communicate key concepts about sustainability within the company.

Client

Specsavers

Industry

Optometry

Service

UI / UX Design

Storytelling Design

Interaction Design

Duration

1 Week

Overview

The goal was to create an engaging, responsive learning module for Specsavers employees, covering six sections of content focused on sustainability. The challenge was to present complex sustainability information in a way that was easy to understand and visually appealing while keeping the users engaged throughout the module’s entirety.

The Challenge

The design had to support six distinct sections of content, each with its own focus. It was essential to ensure that the module was responsive and worked seamlessly across both desktop and mobile devices. Additionally, the design needed to include a mix of illustrations, interactive elements, real images, and videos to maintain user engagement and communicate key learning objectives effectively.

The Solution

I designed a responsive scrolly-telling module that allowed users to scroll through each section, gradually learning about sustainability initiatives at Specsavers. The layout incorporated visually engaging illustrations and interactive elements, ensuring the module felt immersive. Real images and videos were added strategically to highlight real-world examples of Specsavers’ sustainability practices. Navigation was simplified, and the overall design maintained a cohesive and user-friendly experience across both mobile and desktop devices.