UX UI Revamp for Smart Electricity App

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.