top of page
PWA PHASE 3: DEVELOPING DESIGNS

C. Low & High-Fidelity Prototypes

Examples

I again collaborated with our project manager to advance development of the aforementioned wireframes and mockups into prototypes for the same 53 key features. These designs were used to provide visual guidance for our development team and to help our product manager outline detailed functional requirements.

​

We did mobile-first designs to ensure we minimized the complexity of how members would interact with features and so that we could provide a cohesive experience on desktop and mobile. Here are examples of our posting and commenting designs as well as our onboarding process.

Low-Fidelity Prototype:  Posting & Commenting

Mobile

Screen Shot 2023-01-29 at 05.59.28.png
High-Fidelity Prototype:  Onboarding

Desktop

Hifi desktop prototypes
bottom of page