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.
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.
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.
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.
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.
Using shades of green and grey establishes hierarchy in the design and allows the color to remain impactful, not overwhelming.
Using the brand color indicates important items for the user.
The final mockups are the product of the integration of several visual design systems outlined above, as well as the user flow and wireframes.