TONIC AGENCY
- Web App Development
- PHP, jQuery, AJAX & WordPress template creation
- Lead developer & Digital Designer
THE MOBILE APP
Designed within a WordPress framework, a custom theme was built from the ground up, that would allow a lightweight and device dependent layout. When navigating to the app from the website, browser checks prompt installation onto the device’s home screen if required.
Fully Responsive Design
Two customised layouts were created, each aimed at either an optimised mobile or desktop experience. Customer journey is unified and consistent whichever device they choose to use.
BUILT FOR TOUCH SCREENS
As the primary focus of the project was the mobile version of the app, it was key to create an interface that was touchscreen intuitive. Swipe & scroll functionality, as well as drop-down accordions were used to optimise space, and large colour coded buttons were added for easy navigation.
THE DESKTOP APP
Using the same overall design that was created for the mobile app, the layout was adapted to better utilise the additional space available on larger desktop screens. An extra content panel was added for a split screen effect, the accordion menu was made to expand horizontally rather than vertically, and all scrolling functions were given navigation arrows for ease of use.
BRIEF
Based on initial concept, create a fully functioning web-based app that is clean, modern and user friendly, where visitors can create their own accounts and record their company’s achievements. Results should be displayed in graphs that are easily exportable to a printable format.
PRODUCT
ERi is an interactive app, with interfaces customised for both mobile and desktop use. An additional 6 page website, with integrated blog and social feeds was also created as a marketing tool to sit alongside the app.
CLIENT
Tonic Agency
The Members Area
Building upon WordPress’ user database functionality, the member registration and login process was customised for use with the app, allowing for additional fields to be created where needed and a CAPTCHA user check to be put in place for increased security.
Back-End Developement
As well as front-end design, additional responsibilities included WordPress plug-in and theme development. A combination of PHP, jQuery and AJAX were used to enable communication with the database, allowing HTML created forms the ability to instantly save the responses made by the user.
GENERATING THE REPORTS
The data obtained within the app is instantly populated into a spider diagram for user reference. The page is viewable on desktop devices, and can be exported into PDF format, allowing the results to be emailed, printed or saved for future use.