Project Description

Throughout the project an iterative and user-centred design process was undertaken, with an objective of maximising the user experience (UX). This was accomplished by creating initial sketches and multiple iterations of wireframes and user interface (UI) designs. Whilst conducting testing with a group of users for each iteration respectively.

Place It was then built as an Apache Cordova (Apache Cordova, 2016) application, whilst utilising the Ionic Framework (Drifty Co, 2016) and the Angular JavaScript Framework (Google Inc, 2015). Both frameworks allowed the application to be developed as a web-based mobile application using front-end web technologies such as HTML, CSS and JavaScript.

The Ionic Framework allowed core mobile application functionality such as tab navigation and animations between views to be implemented as ready built front-end components.

Whilst Angular allowed the single-page application (SPA) functionality to be implemented, allowing Place It to feel like a native application, though it was being built as a web-based mobile application.

The final product met the deliverables set out at the start of the project, including a JavaScript slideshow used in multiple instances, social login integration via Facebook, a customised map and a list view showing a variety of places of interest, and an individual place screen for each place respectively within the application.

Furthermore, various additional features were implemented, including email login and registration. Also, a skip feature, which allowed users to use the application without an account. Whist the map view showed the users current GPS location and the get directions feature showed the user a route from their current location to a place’s respective location.