Applying Grids and iOS Platforms

I learned about the importance of grids and spacing. This allowed me to make more iterations throughout the designs. I also decided to design my application under the guidelines of iOS. I made significant changes, which you will see below.

Grids

Throughout the design process I kept in mind the alignment and spacing of the app. As I refined my design and incorporated grids, I have made a few minor adjustments.

Changes made

I made the favorites rectangles more narrow and aligned them within the grid.

I also made the search button and back arrow the same size and reframed them into the grid as well.

Before During After

iOS Guidelines

Changes made

I changed the welcome screen to a blurred background with a more simple, pleasing color pallet

I added a launch screen that is displayed while the application is loading, before the welcome screen is launched

I added more white space in the sign up and log in pages, and changed the colors

I also moved the onboarding to the end of the sign up process, and made it short and simple

I added the search icon back to the dashboard to create less work for the user, and making that function easily accessible

Changed fonts so they are all matching

Onboarding Before

Onboarding After

Welcome and Sign up Before

Welcome and Sign up After