Functional Design

Specifications
Family Mart Snap App Version 2.0

1. Mobile App (EndUser)

1. Mobile App
The Snap App was created to encourage customer loyalty among
FamilyMart customers. This is free to download from the Google
Play (Android) or App Store (iOS). To add to this, customers are
updated about FamilyMart's latest products and services, promos,
branches and events through the mobile app. One of the key
features of this app is its capacity to allow customers to earn
stamps and redeem rewards.
1.1 Home Screen
This Home Screen serves as the landing page of the app when it
is opened on the mobile phone.

Home Screen

1.2

Location

The Location tab displays the current locations/addresses of

FamilyMart stores. This serves as a portal wherein customers can
easily contact the branch by phone or email. Likewise, the app
displays a map that conveniently shows customers directions to
the store.

Location Detail

1.3

Menu/Product List

The Menu tab allows customers to see FamilyMart products and

select their favorites. These are organized by food category and
allows users to see a specific product image and description.
Users can also add favorites to My Menu by clicking the Favorites
Button.

Menu Categories

1.4

My Code

Item List View

Detailed View

The My Code tab displays the user's unique QR code that allows
him/her to earn snaps and redeem prizes.

My Code

1.5

My Snaps

The My Snaps tab allows users to see the amount of snaps they
earned as well as the loyalty campaigns they can take part of.

My Snaps Summary

1.6

My Snaps Detailed View

More

The More tab serves as a springboard of all the other features

that the app is capable of doing.

1.7

About Us

The About Us section displays FamilyMart's contact information

and brief company history.

About Us Contacts

1.8

About Us History

Whats New?

The What's New tab updates customers on the latest products,

locations, promos and events. To stay updated, all the user has
to do is click on the sync button.

1.9

Socials

The Socials tab serves as the portal for FamilyMart's social media
accounts.

Social Media List

Social Media Detailed

1.10 My Menu
The My Menu tab is a list of items that the user has previously
favorited on the Menu section.

My Menu

2.Tablet App

2. Family Mart Snap App Tablet

The FamilyMart Merchant Snap App tablet will be located at the counter
of your stores to allow your customers to earn snaps and redeem
rewards through your loyalty program.

2.1

Home Screen (Online)

This is the home screen of the Snap App for tablet if theres an
active Internet connection.

2.2

Home Screen Online

Home Screen (Offline)

This is the home screen of the Snap App for tablet if theres no
active Internet connection.

2.3

Users Home Screen (Online)

After the scanning of the QR code from the User App or from the Snap
App card, the user home screen will apppear. This is the look of the
users home screen if it is online. Customers name and their current
snaps are displayed.

2.4

Users Home Screen

(Online)(Offline)
Users Home Screen

This is the look of the users home screen if it is offline. Only the
QR code is displayed and the snap is displayed as zero.

4.5 Earning of Snap Confirmation

After the scanning ofUsers
the receipt
the earning of snap, a
Homefor
Screen
confirmation same as(Offline)
below will appear. This works for both online
and offline.

Earning of Snaps
2.5

Redeeming of Snap Confirmation

Redeeming of snaps can only be done during online mode. After

selecting the item to redeem the following screenshots will take
place.

Redeeming of Snaps

Redeeming of Snaps
Confirmation
2.6

Settings

The Settings allows the merchant to do administrative task on the

tablet such as updating the campaigns or the merchant info.

Settings Menu

Merchant Setting

Update Menu

Update Device Code

Update Campaign

Update Merchant

3.Web Portal

3. Family Mart Customers Web Portal

This is intended for Family Mart Snap App Card Users. This is
where card users can view their snaps (earned/redeemed), the
available campaigns of Family Mart and be able to update/edit
their personal information.

Login Screen
3.1 Web Portal Dashboard
Display a quick snapshot of earned and redeemed snaps of the
customer as well as the active reward campaign of Family Mart.

3.2

Snap History

Web Portal Dashboard

Displays detailed transactions of earning and redeeming of snaps.

Snap History
3.3 Profile Page
The Profile page allows the customer to view and update their
personal and contact information.

Profile Page

4. Dashboard

4. Family Mart Dashboard (Content Management System)

The dashboard serves as the control panel in implementing the
Snap App campaign. This is where you put content such as
locations, menus, event and whats new for the user app. You
can also set here the different campaigns and the snaps system
that will be used in earning and redeeming snaps.
4.1

Profile

Displays details that can be seen on the About Us and Contact

Us of the app. Allows also to set stamp settings and merchant
code.

Overview
Section

4.2 Menu

Contact
Section
This page allows adding, editing and deleting menus and
product listing of Family Mart. Details displays here are
viewable on the Menu section of the Mobile App.

Adding of Products

Managing of
Products

4.3

Post(Whats New)

Add, edit, delete weekly specials, promos or upcoming events to keep

customers up to date. Add/change images and descriptions via the CMS

Adding of Post

Managing of Post

4.3

Campaign

Add, edit and delete loyalty campaign to be offered by

Family Mart. Set snaps for the earning and redeeming of
stamps.

Adding of Campaign

Manage Campaigns

4.4 Customers
View and manage Family Marts Snap App Card Users. They
can complete here the information they provided thru the
registration process from the tablet.

Managing of
Campaign

Manage User
Accounts

Update Customer
Details
4.5 Social Network
Add, change or edit your Social Networking Sites (Facebook
and Twitter). Add / change URL via the CMS.

Add Social Network

Link

Add Social Network

Update Social Network

4.6

Push Notifications (Phase 2)

Send app users push notifications directly to their phones

theyre using. Notify them of daily specials or events you
have planned for your brand. Internet connection required
receiving Push Notifications.
Push Notifications

4.7 Reports
This section provides a summary report of all earned
and redeemed transactions. Contain a section where
user can generate filtered reports based on branches,
date, transaction (earned/redeemed) and campaign.

Graphical Reports

Bar Graph Report

Filtered Reports by Location

Report by Location

5 Scope and
Limitations

Scope of the Project

The Family Mart Snap App is a paperless loyalty program of Family Mart
that has the four major components:

User-App This app is intended for the loyal customers of Family

Mart. Can be downloaded thru Google Play (Android) or App Store
(iOS).

Tablet App This is located on every counter of the Family Mart

branches. This is where earning and redemption of snaps occur.

Web Portal A web app for those who avail the loyalty program
thru card. Use to view snap transactions and update customer
profile.

Dashboard The dashboard serves as the control panel for the

content management of the user app

Aside from the development of the four major components, Appsolutely

will also render the following throughout the project lifetime:

Project Planning
Quality Assurance and Testing
System Installation
Training
Documentation

Limitations

Items that are not editable:

a)
b)
c)
d)
e)

APP GUI colors

Fonts
Home Page Image
Page Layout
Stamp Image

Only the initial list will be uploaded on the backend by batch. The
Menu list, Campaign List, Location list, What's New list, Loyalty
list, and Social Networking list can be added one entry at a time.

The only contents that can be customized are:

a) Menu
b) Locations
c) Whats New
d) Loyalty
e) Social Networks
f) Contact Us
g) Campaign

Internet connection is required for viewing following features:

a) Location Maps (Google Maps)
b) Social Networks page
c) Company Logo in Contact Us page

d) Syncing Date (i.e. Menu, Locations, Whats New, Loyalty, List

etc) to update contents
e) Images
f) Redeeming of Snaps
g) Web Portal

Earning of snaps can be done either offline or online

Redeeming of snaps can be done only during online.
Mobile app user can view their snaps and rewards thru their
mobile app
Card users can only view their profile and snaps thru the web
portal.
The dashboard can only produce report in Excel format.

6.Sign Of
In an effort to help streamline our workflow and deliver the project on time,
Appsolutely Inc. requires approval of the design concepts which was shown above.
These concepts will form the final design and structure of the Family Mart Snap
App. The design concepts must be signed off before progressing to the design
phase of development.
Before

signing off:
Please review the provided concepts
Identify any changes that should be addressed before approval
If changes need to be made, provide feedback to our
Manager/Account Manager

Project

Please note that any additional revisions to the design concepts after approval may
impact on the timeline
of the project and incur additional fees during the final
phase of the development.
Approval:

Signing off this document indicates that Family Mart indicates the approval of the
latest version of the supplied design concepts and agreement to the terms and
conditions outlined above.
Family Mart Philippines

Name
Designation

Appsolutely Inc.

Jose Enrico Halaguena

Accounts Manager