Objective
Design a control panel for clients to create prepaid pins for the ESK Kiosk machines in the corporate and authorized retail stores.

Design an end to end experience that allows client representatives to view existing pins, edit pins and add new pins for the kiosk machines.
The Problem


The requirements team and I were able to identify a number of customer concerns and translated them in to 5 main tasks.

    1. Add new pin for ESK Kiosk.
    2. Edit current pins that already exist in production.
    3. Deactivate the ability for existing pins.
    4. Set duration for pins.
    5. Set denomination for pins new and existing.
The Solution


Once the 5 main tasks were outlined, we decided to design a new ESK Control Panel. The client would be able to view, add and edit pre paid pins. Initially, I presented the updated low fidelity wireframes to our team and clients. The new iterations show the OPUS style for the iPad. I added the direction text, adjust the location of the preview button and sectioned off areas based up type and purpose. For the final iterations, the 5 main tasks were organized into wireframes to incorporate the system requirements. Final touches were added to the add/edit screens such as new input and dropdown fields which were requested by the client. The preview screen displays a pre paid pin representation of what shown in the in the ESK Kiosk.
Design Planning and Research
After defying the problem and identifying the solution, the next step involves design planning and research. In this phase, I sketched out ideas and built wireframes task flows that solves the users requirements.

User Flow

Rough Sketches

Lo-Fidelity Wireframes

Hi Fidelity Mockups
After brainstorming, sketching out ideas and creating rough wireframes, I am ready to start working on hi-fidelity mockups based on items gathered in the planning phase.