Helping Students To Discover Abroad Schools

Abroad study consultancy website

Introduction
Edex is a consultancy firm that helps people who wants to get education and courses abroad and also students who wants to participate in abroad experiences such as work and travel or summer schools. The company was recently founded by people who were very experienced in the business.
Challenge
Project’s primary objective is to generate leads via web forms, email and phone calls while providing information about the programs, countries, as well as the schools and institutions that students will register to. This website should look warm and friendly to young people but at the same time it must also give the feeling of professionalism. I designed information architecture, layouts and interactions through wireframes, designed the interface and conducted user tests. I acted as a project manager and conducted communications and development process. I also acted as art director for branding, stationary design, appliance forms and expo materials by working with graphic designers and artists.

Users

Primary target audience were university students and newly graduates. Young people between ages of 18-25 were interviewed. Main takeaways were many competitors’ websites being too bussiness-y and authoritarian and not looking very friendly or understanding. They needed to feel understood and not be seen just as a customer. The founders being in their late 30s, it is the companies vision to provide the guidence and help to their students they need, we listened to our audience as we should and decided to create a warm, fun, young design.

Information Architecture

SEO being the one of the most important aspects of the project and having lots of information to share, we decided to go with accordion tabs and expandable text sections so we can bring long articles without smothering the visitors and letting them navigate within the pages.

Layouts
Home page includes a hero section to post news and important information and other sections to show programs and the visa guide.

Wireframe

SEO being the one of the most important aspects of the project and having lots of information to share, we decided to go with accordion tabs and expandable text sections so we can bring long articles without smothering the visitors and letting them navigate within the pages.

Layouts
Home page includes a hero section to post news and important information and other sections to show programs and the visa guide.

Visual Design

Couriers a.k.a. riders are the employees who deliver users’ orders. Riders needs to get notifications when an order is given, see the delivery location on the map, track their earnings including tips and communicate with the customer when needed.

Forms and interactions
Products screen has categories at the top and products listed under it. Here we used 2 products in a row to increase readability for product details and it allowed me to keep product images bigger so users can see them better. App automatically finds the user’s location and fills the address field but it can be edited by the user.
Motion
Hover state
I choose to create a pseudo-levitating effect by only transforming the shadow while color overlay covers the element. You can see yellow card’s drop shadow is a little bit larger than the rest. This makes the interaction stand out and gives a delightful effect.