#26dbef

Client: Autónoma de Occidente University

Industry: Education

My role: UX designer, interface designer, frontend developer

Year: 2014

The university faces a process of changing their educational model, needs to communicate and support the entire academic community. How to reduce the friction produced by the change of the educational model to students? With a new portal as an indispensable communication tool in the midst of a process of technological and pedagogical change within the university.

The background

To start, why?

The ICT Innovation Center was a nascent office within the Autónoma de Occidente University; it would be in charge of structuring all the processes of technological appropriation within the campus, education mediated by information technologies and promoting the new pedagogical methodologies of the university.

The challenge

Understanding users needs

The CIT should create a communication channel and support the student community in the use of all the technological tools they would use on campus. They were looking for the best way to make their official presentation within the university, trying to keep it informed and trained according to the guidelines established by the academic vice-rectory.

The approach

Creating opportunities

We decided to create a brand that generates connections mediated by technology among its principal actors. This brand had to have a communication channel suitable for internal and external audiences, as well as support all the virtual teaching platforms inflexible schedules.

The concept

Crafting experiences

ICT-Innovation-Center-concept

The design

Typography and color scheme

ICT-Innovation-Center-typography-color-scheme

The branding

ICT-Innovation-Center-brand

Iterate 1,2,3

ICT-Innovation-Center-iterations

Wireframes final version

ICT-Innovation-Center-iterations
ICT-Innovation-Center-wireframe
ICT-Innovation-Center-wireframes-mobile

The development

User centered design

This site was built with WordPress uses a responsive grid of 12 columns based on Sussy, the styles developed in SASS and all its icons constructed in SVG.

For each section, personalized contents and personalized query were made to generate the respective views with the necessary content type.

It has a Zopin Chat plugin to provide all the offline support and to be able to track all the requirements of the students.

The deliver

Visual design

ICT-Innovation-Center-final-ui

Boom !!!

ICT-Innovation-Center-Portal-mobile
ICT-Innovation-Center-mockup

View project

ICT Innovation Center Portal

Major learnings

With this project, I delved into the development of brands, including the use of grids for the development of responsive websites and I began to learn how to make modifications in the WordPress backend.

Thanks for watching 😀

Like what you see?

I want to hear you

More work

A showcase of design, development and things that makes me happy