Case study: wireframing and prototyping

For this messaging application UI, I initially constructed the wireframes to determine the layout and hierarchy of page elements. This laid the foundation for the next stage of creating hi-fi static interactive product models.

Messaging wireframe
The wireframes helped to identify the design features that would be incompatible with the legacy system and the prototypes confirmed a need to change the wording of the navigation.
Messaging prototype