UX UI Revamp for Smart Electricity App

A DESIGN EXERCISE FOR

S W E D E N

S H U B H A M S H R E YA

D I S C L A I M E R S & C O N S I D E R AT I O N S

• • • • •

Personas have not been created separately or distinctly identified for this assignment. The persona considered is Greenely’s current customer base Only certain workflows have been considered for this assignment Sketch, Adobe Illustrator and Marvel App have been used for visual design and prototyping Illustrations used are from https://icons8.com/ouch/style/marginalia Icons used have been modified and taken from https://www.flaticon.com/

BUSINESS GOAL

Increase Greenely’s customer base by leveraging existing customers with the electricity subscription via a referral program.

CURRENT JOURNEY

App download

Create account

Onboarding process

Sign digital power of attorney

Connect home

Start using Greenely!

C U R R E N T C O N S U M E R PA I N P O I N T S

PA I N P O I N T S

POSSIBLE SOLUTIONS

✦

Spam marketing

Add an unsubscribe/opt out of marketing mails

✦

Auto-registering for marketing on clicking “read more”

Ask permissions upfront

✦

Long wait time for more information

Create smaller chunks of data as summary

✦

Pop-ups blocking content and lingering longer

Add call to action for dismissing/closing

✦

Unable to see current electricity price before switching to Greenely

Provide comparative data disclosure

✦

Multi-language support unavailable

Provide feature during onboarding

✦

Details of data should be more easily available on desktop

Inform user of multiple available modes

NOTE: The pain points are gathered from current customer feedback on the app, as observed in the app store.

POSSIBLE CONSUMER TOUCH POINTS

Current and potential consumers can be reached

In-App

through 3 possible touch points: over SMS, via email and in-app notifications and features. They may get details regarding the referral program and subscription via these mediums.

For the purpose of this assignment, we will look at the Send and Receive workflows for In-App, where current consumers can send out referrals and potential users can receive the invite and accept.

SMS

Email

WORKFLOWS

SEND

RECEIVE

There can be two primary workflows in app, for

Potential consumers can receive emailers with details

current customers to be able to send out the referral

of the subscription and also be able to see it in their

programs to potential consumers:

already downloaded app.

âœŚ

During subscription payment

âœŚ

Push notifications

SEND WORKFLOW 1

During subscription payment Discover the Electricity Subscription

Get subscription information

Purchase decision

Referral program details, possibly incentivised

Send referral now

Dismiss for later

Buy subscription.

Referral sent!

SEND WORKFLOW 2

Push notifications Home screen

In-app Notifications

Lead-in notifications

Referral program details, possibly incentivised

Send referral now

Dismiss for later

Referral sent!

RECEIVE WORKFLOW 1

Via emailer

Email

Subscription information

Purchase decision

Referral program details, possibly incentivised

Send referral now

Dismiss for later

Subscribed! + Referral sent!

PA P E R

Wireframes

VISUAL DESIGN: SEND WORKFLOW 1

During subscription payment Home Screen

Subscription screen

Payment and information screen

(User does not have subscription)

(User may have code)

VISUAL DESIGN: SEND WORKFLOW 1

Push notifications Home Screen

Subscription push notification

Referral push notification

Subscription screen

Payment and information screen

(User does not have subscription)

(User may have subscription)

(User does not have subscription)

(User may have code)

VISUAL DESIGN: RECEIVE WORKFLOW 1

Via emailer User receives an email and proceeds to download the Greenely app.

…Continued

VISUAL DESIGN: RECEIVE WORKFLOW 1

Via emailer (App downloaded) Sign Up Screen

Onboarding screens

(User has downloaded the app)

…Continued

VISUAL DESIGN: RECEIVE WORKFLOW 1

Via emailer (App downloaded) Set up screen: guided steps to

Set up screen: guided steps to

Referral push notification

creating profile

creating profile

(User may have subscription)

Post this, the user is directed to the home screen, where they have full access to the app and can start using Greenely and all the features

VISUAL DESIGN: COMPLETE WORKFLOW

Complete in-app workflow

Prototype Link

PROCESS

Behind the screens

PROCESS

Behind the screens

Thank you!

shubham.graphicdesign@gmail.com

S H U B H A M S H R E YA

+91 750 755 1066