Design Process
This document is structured based on a defined design approach.


Define > Research > Ideate > Test and Iterate > Implement > Monitor 

 
Existing log in screen. Takes user directly into the app.

Existing log in screen. Takes user directly into the app.

Granular Overview

Granular is a SaaS enterprise software company building farm management software for farmers. The product covers everything from operations, financials and inventory to reporting and analysis.

Mobile Overview
Operators and Ops managers are the main users of the mobile app. Operators are on the lower spectrum for adopting technology. The mobile application is the operators’ only tool in Granular. Ops managers are more tech-savvy and use both the Granular mobile and web application.

Both the operators and ops manager are out in the field driving the equipment, spraying, planting, harvesting, etc.

Mobile Onboarding

Mobile Project

Define Why

The existing mobile application does not provide any insight to a new user about what the application does or any information on how to get started with using the app. Not delivering a good first impression in the mobile app could result in the following issues: lack of motivation to use the app, lack of trust and confusion.

Research

I chose to research a mixture of B2B and B2C apps because I wanted to make sure that the mobile app engages the operator and believe I can achieve this by incorporating some characteristics of consumer design in the mobile app. I looked at competitors in the space as well to see how they solved this problem.

Screen Shot 2018-12-18 at 2.46.07 PM.png

Ideation

The research I conducted gave me a lot of ideas for opportunities to improve the existing experience. I created 3 variations to propose to engineering and the lead PM to discuss what we could fit in scope, what we felt would be useful and where we eventually wanted to go.

Screen Shot 2018-12-18 at 2.57.29 PM.png
Screen Shot 2018-12-18 at 2.57.49 PM.png
Screen Shot 2018-12-18 at 2.57.39 PM.png

Test and Iterate

The team and I agreed that the “Medium” solution was the best direction for onboarding a new user. It gave the user some insight into what the application did and oriented them when they first entered the application. I reviewed different design iterations internally with design and customer success to validate ideas and improve the language and UI.

MobileOnboardingWireframe_41818_KR (1).jpeg

Implement

The last three dots animate on every screen. I followed the updated Granular brand guidelines to create the graphics for each key value proposition.

The last three dots animate on every screen. I followed the updated Granular brand guidelines to create the graphics for each key value proposition.

I revised the UI of the log in screen. I created an inviting welcome screen that also helped to communicate setup. There are two tooltips that help orient user once they enter the app to help get started.

I revised the UI of the log in screen. I created an inviting welcome screen that also helped to communicate setup. There are two tooltips that help orient user once they enter the app to help get started.

I took what the mobile app downloads and bucketed them into understandable descriptions for the loading screen.

I took what the mobile app downloads and bucketed them into understandable descriptions for the loading screen.