GOAL.

Design a UI system for the Soap Box lap app. Developing a typographic layout system that can unify all touchpoints for teachers, which document a child's speech through a brand guideline deliverable.

UI for teachers.

I implemented a new expandable drop down menu, which allows you to make multiple selections. This allows users to search for their desired feedback more easily and look at different destinations as opposed to the original.

Design Process.

After establishing my goals and sketching out ideas, I started designing the UI layout and landing ad in Figma. I created several versions of both the homepage and landing ad to test both visibility and usability of my designs.

Prototype.

For the finished landing page, I decided to align the text side by side, so it’s easier to read. I had also made it to where the info would pop up at the top of the screen to capture the attention of the User.