Claudio Parisi
ppe_preview.jpg

Pearson PPE

Pearson Practice English (hence PPE) enables teachers and students to access their Pearson English teaching and learning materials to accompany their course. The app helps students to practice when and where they want. All materials (teaching materials, learning materials, audio files, video files) are downloadable; once downloaded, they can be accessed offline.

The Problem

After substantial research and competitor analysis, the team decided to redesign a new UI (new functionalities, navigation, and style). In the past, the entire user interface reused Google Material Design components.

Objectives

- Keep the interface simple and cool
- Encourage interaction
- Maintain consistency throughout Pearson products


Process

I worked in Agile Sprint, and as a UI Designer, I collaborated with the Development Team and Instruction Designer, reporting directly to the Product Owner.

PPEstrategy2.gif
Moodboard & Strategy

Moodboard & Strategy

After many meetings, we’ve built our communication strategy. The idea was to create an entire language, more playful and modern.


PPEplanning.jpg
ppesketching.jpg
App Icon

App Icon

After a long brainstorming process, I’ve made almost 19 versions. This is the last one. In summary, flash + hat + star = practices, educational and timing.

ppegrid.jpg
Grid and Visual

Grid and Visual

PPE is on the 4 column grid (Android and iOS). Tablet version is working progress because I’m waiting for the implementation from the Development Team. In terms of branding, I’ve used palette and typography from our Design System, but also I’ve introduced new components.

ppescreens.jpg
ppescreen1.jpg
ppescreen4.jpg
ppescreen 3.jpg
Accessibility

Accessibility

Accessibility is an important requirement for an educational company. I've tested every single component on Web Content Accessibility Guidelines (WCAG).

Microinteractions

Microinteractions

I’ve designed an entire “microinteraction library”. I tried to duplicate all aspects of a good design process: trigger, rules, feedback, loop & mood (from Dan Saffer’s book “Microinteractions”).