Product Designer
sbs2.png

Step-by-Step Solutions

Wolfram|Alpha is used by students, educators, and parents around the world. One of the most-used features is step-by-step solutions, a homework helper that brings students from problems to answers. The feature was recently updated to include a new feature, Intermediate Steps, and a full-blown redesign was launched. I took control of rethinking the experience of step-by-step solutions to incorporate user feedback, data trends, new feature requirements, and modern design standards. The redesign included restructuring of how each step is presented, a new logo, updated user messaging, loading animation, and marketing imagery. 


Step-by-Step Solutions

Roles: Product Design (UX & Visual)  |  Branding

sbs-anim3.gif

The Project

Wolfram|Alpha is used by students, educators, and parents around the world. One of the most popular features is step-by-step solutions, a homework helper that brings students from problems to answers. The feature was recently updated to include a new feature, Intermediate Steps. At the same time, I pushed for a full rebrand and redesign of the interface. I took control of rethinking the user's experience of step-by-step solutions, considering user feedback, data trends, new feature requirements, and modern design standards. The redesign included restructuring of how each step is presented, a new logo, updated user messaging, loading animation, and marketing imagery.

 

Previous Design of Step-by-Step Solutions

sbs-previous.png

State: Non-Subscriber blocker

sbs4.png
 

State: Unlocked Sample Solution

sbs1.png
 

State: Notifier of New Feature

sbs5.png
 

State: Intermediate Steps Expanded

sbs2.png
 

Marketing Site

 

Advertisements

sbs-ads.png