Category: Interactive Media Design

Mobile UI Design Prototype – Flight Watcher

Design brief

This was an UI design for a flight travel app. I was requested to create a set of high fidelity UI prototypes for this app.

Software Used
  • Adobe Illustrator CC
  • Adobe Fireworks CS6
The prototype screenshots

loading screen home-planner-one-way-economy Planner - return trip Multi-city add more flights multi-city-add-more-flight-02 origin picker calendar Return economy flight search result booking  booking history account-bill-and-payment account profile settings menu

A custom Google Map Prototype based on Google Map API v3 / BootStrap / Custom tiles overlay

This custom Google Map prototype demonstrates my capability of building highly customized interactive maps based on Google Map API with custom tiles (map slices from a static image).

Prototype Link (new window)

Features of the custom Google Map prototype:

  • Google Map API to integrate map functions like map Zoom/Drag
  • Google Map API v3 to integrate custom markers and polygons
  • Static Deakin Burwood Campus map to provide custom tiles overlay
  • BootStrap to provide mobile friendly interface
  • jQuery to provide interactivity such as popup info box
  • HTML5

Software Used

  • Adobe Dreamweaver CC for editing HTML and JavaScript
  • Adobe Illustrator CC for editing and slicing the static map
  • Map Tiler for creating custom tiles overlay

 

Custom Google Map Prototype screenshots:

Map with custom marker and popup info box

Google Map API custom tiles and polygon

Google Map API customer message box

An Apple Watch Demo Project – Flash / AS3 / Video Editing

This demo shows my capability of creating Interactive Applications based on Adobe Flash and Action Script.

It also shows the level of my video and graphics editing skills.

Components

Image, videos, Flash Animations, Flash buttons, AS3 scripts

Project URL (new window): Apple Watch Demo
Direct Link to SWF: Click Here
Software used
  • Adobe Flash CC
  • Adobe Premiere CC
  • Adobe Illustrator CC
Time spent

About 25 hours

Project Screenshots:

apple-watch-demo2

apple-watch-demo1

 

Path Finder – SIT302 Team Project – 2015 iAwards Nomination

This is the proof that I'm an award-winning IT pro!   😀

Project introduction

PathFinder is a peer-to-peer web-based guide featuring video tutorials, an online interactive map, timetables to assist in your scheduling and an incredible game experience – all in the palm of your hand. Our development team, in conjunction with the IT staff, have taken the complexity out of finding information by designing a simple, yet engaging experience for all IT students.

Project Intro Video

 

Project site URL

http://project-survival.w3c-lab.com/

Technology Used
  • Highly customized WordPress theme
  • Over 30+ WordPress plugins
  • Flash for interactive map
  • Adobe Premiere CC
  • Adobe After Effects CC
  • YouTube for video hosting
  • HTML5 for interactive game
My role and contributions

I was the team leader (of a 7-member team), system analyst and web developer.

My major tasks and contributions for the project were:

  • Task planning and allocation
  • Meeting arrangement for both the team and stakeholders and supervisors
  • Initial project analysis report
  • Developed the base of the system
  • Web hosting management / WP Installation and configuration / Theme customization
  • Over 300+ pages of documentation produced

Sample of project Gantt chart

Achievement
2015 iAwards Nomination (Team) - iAwards Link (new window)

The iAwards honours companies at the cutting edge of technology innovation and recognises the achievements of home-grown Australian innovators.

2015 Deakin University School of IT Project Award (Personal Award)

Achieved the highest mark overall for SIT302 Project

2015 Deakin University School of IT Project Award