Client: Stenovate

Methods/Skills

Content Design, Heuristic Evaluation, Design Strategy,
Qualitative Research, Mobile Design, Wireframing, Rapid Prototyping

Tools

Figma, Sketch, Axure RP

Problem

Needed to redesign the home page for an existing website so it could be optimized for mobile devices since a growing number of the user base prefer to access the collaboration tool from their iPads/tablets.

Solution

Broke down the grid system from the current design row by row to make the flow of information more clear on both desktop and mobile devices.

A Mobile Redesign

For this case study, I redesigned the home page for a new tech startup called Stenovate. They've created a collaboration tool for transcript professionals that allows them to streamline all aspects of their work into one application. The website currently uses a grid system for the "Transcript Tracker" so users can have access to all of their pertinent project details on the home page. However, the site isn't optimized for mobile devices and a third of their user base proofreads transcripts on iPads/tablets according to recent data. My design concept below makes it much easier to understand the flow of information on a mobile device, without losing any necessary information. I also redesigned the desktop home page, utilizing the same concept.

Final Thoughts

The grid system from the original design is just a little too clunky and makes it hard to know where to begin as a user. With my new design concept not only can users easily track all of their projects, but it's much more clear how to invite other people to collaborate, even when working from a mobile device. Before building this concept out completely, I recommend doing usability testing with the new designs to see if there are any other places to increase visibility in the UI.