Works

Informative Microsite

A front-end informative microsite advertising a campuse retail space for rent

Intro image to Motion graphics
COMPANY
Colliers
PROJECT DATE
2014
Objective
Disseminate information to prospective clients on retail space available in campus
Software used
  • Edge Animate
  • Illustrator
My responsibilities
I worked with the creative head and stakeholder to design a front-end microsite from research to wireframe and development

THE PROCESS

Define

Problem statement

Gather data

Ideate

Synthesise findings

Brainstorm on solutions

Wireframe

Prototype

Translate proposed solutions into prototype

Implementation

Developed prototype into UI

Content Structure
I narrowed down the key information to be included in the microsite, while taking into consideration the stakeholder's requirements. I highlighted in the information the benefits that the prospective retailers can get from renting a retail space. These includes the 'Location' and 'Opportunities'

  • SUTD East Coast Campus
  • Housing

    Students

    Transportation

    24-hr access to campus

  • Map location
  • Food & Beverage
  • Food court
  • Retail

Telephone and email address to be included

THE DESIGNS
I started with understanding the scope of the problem and researched on the information provided by the stakeholder. I did the wireframe and seek approval from the creative head and stakeholder for UI development.
microsite