You are on page 1of 26

PMO's Mobile App

(Phase - 2)
Wireframes
by

Team AGATHIYAM

A01: Sign Up

Notes

After providing all the details a confirmation mail will be sent to


specified Email address

About this screen:


Sign up screen for new user

A02: Login
#

Notes

Link to Forgot Your Password screen

User can also login with a One Time Password. Link to that screen

Provision to signup for the PMO app. Link to that screen

1
2
About this screen:

3
Registered users can login from this screen

A03: Forgot Your Password


#

Notes

Email or One Time Password will be sent to the specified Email


address or Mobile number, if exist in record.

About this screen:


A registered user can input his email/mobile number to reset his password

A04: Dashboard
#

Notes

Tap this icon to view main menu items. Alternately, swiping app
from left to right will open this menu

Click this icon to view menu options related to logged in user

App language switch: English/Hindi are supported initially

Global search across app contents

Link to PMs Mann Ki Baat audio records

Link to PMs Profile screen

Scroller view: PMs Quotes

Link to latest news from PM Office

Send a message to PM this link opens PMOIndia websites


Interact with PM page within In-App browser

10

Link to a screen which acts as gateway to various Government


portals

1
2
3

6
7
8

9
About this screen:

10

This is the Home screen after user login. Links to main screens can be found
in this dashboard

A05: Dashboard > Prime Ministers Profile


1

Notes

Tap on this icon to view PMO Functional chart where phone


numbers and email address of PMO members will be listed for
public reachability

Tap on this icon to view Quotes of the PM. Using voice out option,
quote can be shared with users social network For example,
quote can be set as status message in whatsapp

Tapping on this icon will take user to a virtual tour of PMs


residence

Tap on this icon to view all major initiatives by PM

User can switch between PMs Profile and Life history with this
tabbed navigation

Tap on this icon to open PMOIndia website within In-App browser

3
4
About this screen:

All details about Prime Minister of India can be viewed from this page

A06: Dashboard > Prime Ministers Profile > Virtual Tour


#

Notes

Navigation buttons to assist in virtual Tour

About this screen:

Virtual tour of Prime Ministers residence

A07: Dashboard > Mann Ki Baat


#

Notes

Tabbed navigation options to view Mann Ki Baat audio archives,


updates about next program dates, Media coverage about PMs
speeches

About this screen:


Audio archive list of Prime Ministers Mann Ki Baat speeches broadcasted via
All India Radio

A08: Dashboard > Mann Ki Baat > Play Audio

Notes

Listen to Mann Ki Baat audios translated in other languages


(depends on translated audio availability)

Audio player play/pause options

2
About this screen:
Listen to a Mann Ki Baat speech

A09: Dashboard > News Updates

Notes

Tabbed navigation options to read latest news updates from PMO,


Popular news based on user likes, archived news

Like icon user can tap it to add his/her like. Along with displayed,
total no. of likes

About this screen:


Listen to a Mann Ki Baat speech

A10: Dashboard > Our Government


#

Notes

About this screen:


Clicking on Our Government from Dashboard will list down the
Government Portal links. Link will open the portal within App > In app
browser, so that user will not leave the app.

A11: Dashboard > Our Government > In-App browser


#

Notes

To close in-app browser and return back to App, Androids back


navigation to be used

About this screen:


Here given a sample view of My Gov portal opened within In-app browser.

A12: Dashboard > More Menu


#

Notes

Profile allow user to view his/her personal details and edit


Help & Feedback allows user to understand the usage of App and
leave feedbacks
Settings allows user to customize app preferences

Voice Out menu will bring up social media share options. If user
likes to share a content from app, he/she can click this menu to
open linked social media sites/apps bar
Logout clears user session and take back to login screen

About this screen:


This more menu holds links to sections personalized for app user.

A13: Dashboard > More Menu > Settings

English (India)

Notes

User can set English or Hindi as default language of the App

User can set if he/she wishes to receive notifications from App

User can set if he/she wants the App to sync data automatically
while online



2
3

About this screen:


App preferences can be customized in this screen

A14: Side Menu


#

Notes

Home menu will take user to Dashboard screen, from where user
can access following information:
a) PMs Profile
b) Mann Ki Baat
c) Quote of PM
d) Interact with PM
e) Latest News from PMO
f) Links to various Government portals

Using this menu user can send money to Prime Ministers Relief
Fund

These links are provided for PMO Apps Phase 2 features

About this screen:


Links to various sections of the App can be found in this side menu. This
menu is accessible from all screens

A15: Side Menu > Gallery

Notes

Tabbed Navigation : Photos of former Prime Ministers of India

Tabbed Navigation : Photos of current Prime Minister of India

Click on a photo to view its details and in full screen

About this screen:


Photo gallery of PMO includes current PMs photo collection and photos of
former PMs

A16: Side Menu > Gallery > Photo Full View


#

Notes

Voice out: share this photo with social networks.


Note: Voice out options can be popped up by clicking Voice out
from the more menu located on header

Download the photo to device local drive

Set the photo as Wallpaper

Set the photo as Screensaver

3
About this screen:

Click a photo from Gallery to view it full size.

A17: Side Menu > Gallery > Former PM


#

Notes

Tabbed Navigation : Photos of former Prime Ministers of India

About this screen:


Photo Gallery for Former PMs of India

A18: Side Menu > Gallery > Former PM Profile


#

Notes

About this screen:


Profile of former PMs of India

A19: Side Menu > Videos


#

Notes

Tabbed Navigation : Photos of former Prime Ministers of India

About this screen:


Photo Gallery for Former PMs of India

A20: Side Menu > PMs Calendar


Calendar

Notes

Calendar: Click rounded/highlighted date to view PMs planned


activity for that date

Tabbed Navigation : PMs foreign trips, Tour within India

About this screen:


Prime Ministers travel calendar and itinerary

A21: Side Menu > Polls


#

Notes

To close in-app browser and return back to App, Androids back


navigation to be used

1
About this screen:
Clicking on Polls from side menu will open web portal within App > In app
browser, so that user will not leave the app.
Here given a view of My Gov portal polls page within In-app browser.

A22: Side Menu > Merchandise Store

Notes

To close in-app browser and return back to App, Androids back


navigation to be used

About this screen:


Clicking on Merchandise Store from side menu will open store web portal
within App > In app browser. User can navigate within portal to view product
list and details. When they click Buy now option, user will be taken out of
the App and landed in device browser to continue purchase. [Since many
portals require user login, separate sessions to be maintained and hence
user will be taken out of App to complete his/her purchase]

A23: App Notification


#

Notes

View of PMs photo set as wall paper

Notification from PMO App

About this screen:


Representation view of notification alert in device lock screen

A24: App Widget


#

Notes

PMO App widget

App icon & App name (mock)

About this screen:


Representation of PMO App widget in Device home screen

Thank You

[AGATHIYAM TEAM MEMBERS]
Mangala Jothi Mangalam Pillai
Satheesh Muthuraj
Priyadharshini Panneerselvam
Sandhya Jayaraman
Aravindaraj Radhakrishnan
Senthil Govindasamy

You might also like