Orcon Mobile
URL
http://www.orcon.net.nz/mobile
Employer
Designer
Platform/Framework
ExpressionEngine
Description
Orcon Internet expanded into the mobile phone business, offering a variety of plans and handsets with no contracts to lock you in.
My Role
Using the HTML/CSS templates provided, I built the /mobile section of Orcon’s existing site. This included adding a separate section within ExpressionEngine to store all the handset data, which is used on the front-end when viewing a particular phone, or comparing multiple phones.
The highlight for me was building the handset compare page. This page uses jQuery’s UI framework to enable the dragging and dropping of DOM objects, which in this case allows the user to drag a phone from the carousel and onto the compare table. Once dropped, an AJAX call is made to a script which fetches and returns a JSON object containing all of the handset specifications. The JavaScript then formats this data and updates the specific column to display it all.