Mocho

Overview:

Mocho is an online platform connecting animal lovers with orphaned animals for adoption. With a user-friendly interface, it allows individuals to easily locate and adopt homeless animals, fostering a loving environment for these animals in need.

Duration

14 week

Tools

Adobe XD, Photoshop, Figma

UX DESIGN / UI DESIGN

Design

Next, we sketched low-fidelity wireframes with pencil and paper. After we agreed on the general layouts of our screens, we turned to Figma for our mid-fidelity wireframes. As this was a collaborative project, we created a shared file where we could work on the same file at the same time. Before we started wireframing, we decided to apply a 12-column grid to create an organized and consistent look throughout our screens. Next, we sketched low-fidelity wireframes with pencil and paper. After we agreed on the general layouts of our screens, we turned to Figma for our mid-fidelity wireframes. As this was a collaborative project, we created a shared file where we could work on the same file at the same time. Before we started wireframing, we decided to apply a 12-column grid to create an organized and consistent look throughout our screens.

Style Guide

Prototype

link