

FLANAGAN APP
Platform : Cloud App
Process : Agile
Role : Interaction and Visual Experience
Improved the experience to reduce clutter. Organize the information , add more functionality to improve the ease of use and increase efficiency
CHALLENGE
OBJECTIVE
-
Setting up goals
-
Stakeholder Interview
-
Establishing Key audiences
-
Creating site Map
-
Creating Wireframe
-
High - fidelity Prototype
-
High - fidelity Design
SETTING GOAL AND OBJECTIVES
WHAT IS THE APPLICATION ABOUT ?
Flanagan is the largest, independent food service distributor in Canada. Flanagan offers full services to more than 6,000 restaurants and food service operations across the province of Ontario.
Flanagan’s main business application is an online ordering of food services by their customers.
WHAT ARE THE GOAL OF APPLICATION?
The goal of application to ease of use to improve experience
build responsive applications that worked on multiple browsers and devices
WHO ARE THE USER OF THIS APPLICATION ?
Restaurant through out Canada
OLD DESIGN

Challenges
Flanagan’s existing application was implemented many years ago when online ordering and shopping cart designs were still fledging.
NEW DESIGN
Approach
Research and Analysis
Brainstorming
Competitors & Best Practices Analysis
UX Beta Launch & Evaluate
Custom Testings
Usability Test
Feedback collection through Analytics
Design & Production
Wireframing & Prototyping
Hi fidelity Design
Iterate usability and design as per requirement
WIREFRAME
-
Its is easy to discuss wireframes with client and Dev team to gain their insight and feedback.
-
Its is very useful to improving the experience and continue iterate the flow to understand user and business needs.
-
Click through Prototyping work same as storyboarding. It's give deep insight of the project and we can focus more on user needs.

Log In page

Order Dashboard

Order Page Grid View

Order Page List View

More Filter Pop Up

Add To Cart
DESIGN
-
We start worked on our Visual Designer to create the final design.
-
The work with Visual Design helps to understand visual design and iterate the experience if it's need .

Shopping Experience
