CASE STUDIES

ARTICLES

ABOUT

servpal

DC-based startup Servpal allows clients to easily book and pay for appointments with their favorite wellness and beauty service providers. This is the first version of the mobile application for the startup.

wireframes

Using the existing web application as a guideline, I created the user flow and wireframes for the application. When a user wants to book an appointment through the application, this is a sample of the screens they use.

Iconography

Servpal uses a main icon style and a more illustrative, secondary icon style. The secondary, custom icon style uses colors that compliment the primary green. Its flat but layered style is integrated seamlessly with the application.

high fidelity mockups

The final mockups are a product of the results from my research, user testing, and client feedback. I used the OIT Design Guide to guide the visual design.

user interface

To create a consistent look and feel throughout Servpal applications, we came up with solutions that used color, typography, and graphic styles.

With an otherwise flat design, consistently using cards and soft drop shadows provides a tactile element.

card styles

Using shades of green and grey establishes hierarchy in the design and allows the color to remain impactful, not overwhelming.

hierarchy

Using the brand color indicates important items for the user.

servpal green

high fidelity mockups

The final mockups are the product of the integration of several visual design systems outlined above, as well as the user flow and wireframes.

CASE STUDIES

ARTICLES

ABOUT