• Websites
  • IEC
  • 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...