Wall Street English

Digital Books
Wall Street English


Role:
UX Director
UI Designer
Design Lead

Client:
Pearson UK

Date:
2016

 

Wall Street English has over 400 learning centers located in 28 territories in Africa, Asia, Europe, Latin America, and the Middle East. The Digital Books are a collection of Wall Street English Student Workbooks that are delivered to Students online through an interactive Learning Management System.

As the platform needed a redesign to meet the new native design requirements, it was the right time to improve the User Experience and Information Architecture.

The main challenge was to create a cohesive experience which was unified under a single brand, even when spread across multiple platforms (iOS / Android / Windows / OS X)

After we decided on the new concept based on user testing results, we were ready to implement our findings in a sustainable, ongoing manner.

The next steps in the design process were presenting the new concept, informing the rest of the development and QA teams and starting to work on sketching and refining the Product Map. It was really important to have this in place at an early stage as it conveyed a more detailed picture of the user journey and a feel of the entire product.

The sketches were followed by higher fidelity wireframes, which were discussed with product managers and lead developers until the smallest details and edge cases were reviewed. This was the last step before creating a more detailed mock-up to be prototyped in InVision and showcasing the flow to stakeholders for the final approval.

Seeing that this product was aimed to be used by all categories, the design had to be almost invisible, in the sense that users would already feel as if they were accustomed with the interface. With this in mind, we chose a native approach and studied in depth the iOS and Android design guidelines. 

We built a new style guide in addition to the redesign of the platform that documents the implementation and design guidelines: Typography, Color palette, text styles, and UI patterns. Design systems give product teams a reusable, component-based approach to product development.

Building consistency into our designs help strengthen the brand and keep the brand message clear. Defining consistent relationships between color, typography, illustration, icons, etc., dictates how a user associates with the brand, how they feel about it and how they use it.

Once the patterns are developed and established, designing with consistency in mind is quite simple. And the result makes our audience happy. A consistent interface requires less learning because users can carry over their knowledge from one page to the following, making the entire experience more fluid. This ease of understanding develops trust and comfort, both of which ensure a more engaged audience.

The Digital Books are used by over 180,000 Students in 23 territories.​​

01_WSE_Login_Desktop_HD-1440x1024_v101_WSE_Login_Desktop_HD-1440x1024_v1
WSE_DigitalBooks_Library-1WSE_DigitalBooks_Library-1
WSE_DigitalBooks_Library-2WSE_DigitalBooks_Library-2
WSE_DigitalBooks_Library-3WSE_DigitalBooks_Library-3
WSE_DigitalBooks_Library-4WSE_DigitalBooks_Library-4
WSE_DigitalBooks_Library-5WSE_DigitalBooks_Library-5
WSE_DigitalBooks_Library-11WSE_DigitalBooks_Library-11
WSE_DigitalBooks_Library-7WSE_DigitalBooks_Library-7
WSE_DigitalBooks_Library-12WSE_DigitalBooks_Library-12
WSE_DigitalBooks_Library-9WSE_DigitalBooks_Library-9
02.WSE_DigitalBooks_Library-1002.WSE_DigitalBooks_Library-10

Learn more about me
or contact me if you want to start a project

[unex_ce_button id="content_7x41m02ry" button_text_color="#000000" button_font="bold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="hello@victorbaroli.com" button_link_type="email" button_link_target="_blank" has_container="1" in_column=""]GET IN TOUCH[/ce_button]