Website   Poster   Mobile website   Promo website  

The making of the International Exchange Center mobile website

Overview   Process  

Getting the task: no additional programming, we only need to develop and apply new templates. Which is great, since this will ensure the mobile version retains all functionality of the full website.

Analyzing the current website, remembering its features, what works and how. Writing user scenarios. Approving the prototype with the client and giving it to the second designer.

iec mobile process 00
iec mobile process 01

Sending the prototype straight to the technologist for implementation, while the designer starts working on styles and putting graphics in order. Simultaneously drawing a lorem ipsum page adjusting the details.

iec mobile process filter
iec mobile process 08
iec mobile process 05

Brushing up the layout, making a list of bug fixes for the technologist.

iec mobile process 04
iec mobile process 03

A new portion of fixes.

iec mobile process 10

Drawing large Retina icons that will be scaled down in browser.

iec mobile process 02

Art director: It looks really bad right now. Especially the program finder which doesn’t fit in the screen and makes it look like the form didn’t work. Too many bugs. Go ahead, fix them. Get back to me when you’re done.

Adding functionality to the main menu.

iec mobile process 09
iec mobile process 11

Introducing happy students for a joyful sitcom style.

iec mobile process 07

Placing country flags and category labels on program cards, removing excessive information by keeping dates and prices only.

iec mobile process 12
iec mobile process 06

A couple more corrections and it’s done.


Order a design...