Website   Poster   Mobile website   Promo website  

The making of the International Exchange Center website

Overview   Process  

Diving into the world of international exchange. Studying the information sent by the client, chatting with the students who participated in the programs, guerilling our way into IEC Moscow office posing as young and curious enthusiasts.

Based on the received information we identify typical IEC clients and their problems. Developing the website structure, deciding on the composition of the layouts, creating a design specification.

iec process 01

Looking for an attitude.

Different types of programs can be compared to today’s popular sitcoms. Season 2013 is on, time to join.

iec process 02

A traveler’s diary: souvenirs from different countries and common stereotypes illustrate programs’ main features.

iec process 03

Or an exciting guide of the world of foreign exchange with lots of factual information and interactive social plug-ins.

iec process 04

Setting metaphors aside for a while; we’ll need them later. Let’s focus on the functionality.

Coming up with a design concept in the spirit of modern-day mobile apps—a simple interface for browsing through programs.

iec process 05

Nifty collages on each program page.

iec process 06

The client accepts the collage concept, but notes that the overall visual appearance is excessively simple. The website has to appeal to students from all over the country, not just Moscow Facebookers.

Pouring colors, going back to the idea of a traveller’s diary and scattering notes, tickets and travel photos around the pages.

iec process 07

The client approves the concept. Polishing the design. Putting together the pages and sending them to typesetters.

iec process 08

At the same time working on details. Designing interactive elements.

iec process 09

Drawing buttons and file icons.

iec process 10

НMaking a photo shoot in the spirit of sitcoms. These guys will animate the pages.

iec process 11

Designing and drawing a pile of banners for all the center’s programs. Popular programs get large banners, the rest—narrow strips.

Going on.

iec process 20

The client asks to add to the website the company’s mascot—a talking robot named Rendell. Turns out that Rendell weights 200 kilos and resides in the Moscow State University library where professional photography is not allowed. Nevertheless, getting the library’s permission and taking pictures of the robot.

iec process 21

Drawing the robot and putting it to the website.

iec process 22

Typesetting, debugging, fixing errors.

Order a design...