Mobile Application Design Project: Local Farm Shop, ITC504, Semester 1

This project presents the design of a mobile application for a local farm shop, aiming to provide online services to customers including food, gifts, and restaurant bookings. The report showcases two interactive design options, detailing wireframes for key functionalities such as home page, login/signup, shopping cart, order checkout, and restaurant booking. Design 1 emphasizes accessibility, while Design 2 prioritizes product presentation. The reasoning section analyzes the advantages and disadvantages of each design, considering usability goals and user experience. The conclusion recommends Design 2 based on its integration of required functionalities and attractive presentation. The project highlights the importance of wireframes in website and application design and provides a detailed analysis to facilitate the development process.

ITC504: Interface Usability
Local Farm Shop case study
Name of the Student:
Name of the University:

Subject Code: Subject Name: Semester Number:
Table of Contents
Introduction:....................................................................................................................................2
Interactive Design 1:....................................................................................................................8
Interactive Design 2:....................................................................................................................3
Reasoning:.....................................................................................................................................14
Conclusion:....................................................................................................................................16
Bibliography:.................................................................................................................................17
Student ID: Student Name: Page 1

Subject Code: Subject Name: Semester Number:
Introduction
Local farm shop is an organization that offers products like food, gifts as well as wine to
their customers. They have decided to provide their services online to their customers with the
help of a mobile application. The Local farm shop also has a restaurant which the customers can
book as per their requirement. Presently, the restaurant has an accommodation of 50 guests so
their main focus is on local customers rather than corporate customers. Hence, wireframe designs
has been presented in this report which reflect upon the functionalities of the mobile application
as per requirement of the Local farm shop.
The wireframe designs present the exact look and feel of the actual mobile application
that will be developed for the Local farm shop. The wireframe designs are sketches of the system
that has to be developed to meet the requirements of Local farm shop. In this report, two
alternative designs are produced so that the suitable design can be chosen for development of the
mobile application.
Student ID: Student Name: Page 2

Subject Code: Subject Name: Semester Number:
Interactive Design 1
Figure 1: Home Page of Local Farm Shop
(Source: Created by Author)
Student ID: Student Name: Page 3

Subject Code: Subject Name: Semester Number:
The page demonstrated above presents an insight into the products or services that are
being offered by the Local farm shop. The Home page has been designed with suitable
implementation of menu bar for easy navigation along with properly labelled buttons.
Figure 2: Login/Signup Page of Local Farm Shop
(Source: Created by Author)
This page demonstrates upon the functionality of Signup that will be used by new users
to register themselves and Login that will be used by existing users to access their account.
Student ID: Student Name: Page 4

Subject Code: Subject Name: Semester Number:
Figure 3: Shopping cart page of Local Farm Shop
(Source: Created by Author)
This page demonstrates the functionality of shopping cart which is similar to that of
shopping basket in physical stores. In this page, the users will be able to view the items they have
purchased and proceed for payment to place their order.
Student ID: Student Name: Page 5

Subject Code: Subject Name: Semester Number:
Figure 4: Order checkout page of Local Farm Shop
(Source: Created by Author)
In this page, the users will confirm their order after making payment and a booking
number will be generated in return. The booking number could be used by the users to check and
track the status of their order.
Student ID: Student Name: Page 6

Subject Code: Subject Name: Semester Number:
Figure 5: Restaurant booking page of Local Farm Shop
(Source: Created by Author)
In the page illustrated above, the users will be able to make their booking of venue or
reservation of a seat as per their requirement.
Student ID: Student Name: Page 7

Subject Code: Subject Name: Semester Number:
Interactive Design 2
Figure 6: Home Page for the Local Farm Shop
(Source: Created by Author)
The Home page of the website serves as an overview of the functionality that will be
offered by the mobile application of Local farm shop. The page has been embedded with various
icons and buttons so that it becomes easier for the users to operate.
Student ID: Student Name: Page 8

Subject Code: Subject Name: Semester Number:
Figure 7: Login page for the Local farm shop
(Source: Created by Author)
This page shows the functionality of Login so that the users can access the system that
will be developed for the Local farm shop. The user will have to enter their email and password
for accessing their account and operate the system.
Student ID: Student Name: Page 9

Subject Code: Subject Name: Semester Number:
Figure 8: Signup page for the Local farm shop
(Source: Created by Author)
This page is intended for registration of the users so that they become a member of the
organization and avail the services being offered by the Local farm shop. In this page, the
personal information of the users have to be entered.
Student ID: Student Name: Page
10

Subject Code: Subject Name: Semester Number:
Figure 9: Products page for the Local farm shop
(Source: Created by Author)
This page demonstrates the various products that are being offered by the Local farm
shop so that the users are able to view and place their order. The users will be able to add
products as per the requirement in the shopping cart from this page only.
Student ID: Student Name: Page
11