Francisca Moura

Website & Design System

Art Director

Eder Anaya

UX Lead

Javier Rebolledo

Lead UI Designer

Francisca Moura

Harbour

Space/

CONTEXT & BRIEF/

REMAKING OF HARBOUR.SPACE UNIVERSITY WEBSITE AND DESIGN SYSTEM. AS THE ART DIRECTION WAS GIVEN BY AN EXTERNAL AGENCY, I WAS RESPONSIBLE TO FOLLOW ALONG WITH THE DESIGN AND ANIMATION GUIDELINES IN ORDER TO OBTAIN A COHESIVE AND CLEAN WEBSITE.

ART DIRECTION/

AS A TECH-DRIVEN UNIVERSITY, HARBOUR.SPACE WENT FOR A CLEAN, EXTREMELY INTERACTIVE, AND COMPELLING APPROACH TO SHOW ITS VISION TO THE WORLD. ONCE THE DIRECTION WAS DEFINED, I WAS ASSIGNED TO DESIGN A COUPLE OF PAGES.

SCHEDULE PAGE/

THE YEARLY SCHEDULE IS ONE OF THE CORE FUNCTIONALITIES OF THE WEBSITE. IT’S MADE TO SHOW OFF THE STAR-QUALITY TEACHERS AND DYNAMISM OF CLASS MODULES IN EACH CAMPUS: BARCELONA AND BANGKOK.

RESPONSIVE/

EVERY PAGE IS ADAPTED TO MOBILE AND TABLET RESOLUTIONS.

APPLICATION PROCESS/

IT’S THE FIRST STEP FOR EVERY POTENTIAL STUDENT AND CANDIDATE. AS THE UNIVERSITY PRAISES THE ONLINE ADVANTAGES OF TODAY’S RECRUITMENT PROCESSES, IT WAS THE MAIN CHALLENGE TO THOUGHTFULLY ANALYSE THE CANDIDATE AND ADMISSIONS BOARD JOURNEY INTO ONE SINGLE PLATFORM.

STEP-BY-STEP PROCESS/

AS SOON AS THE STUDENT HITS THE APPLY BUTTON, COMES A WIZARD SECTION WITH SIMPLE QUESTIONS. AS IT FOLLOWS, THE PLATFORM OFFERS STEP-BYSTEP THE TASKS NEEDED FROM THE INTENTION, TO FEE PAYMENTS, TO THE INTERVIEW, THAT LEADS TO A SUCCESSFUL APPLICATION.

FIRST INTERACTION/

AS IT’S THE FIRST INTERACTION OF THE POTENTIAL STUDENT WITH THE UNIVERSITY, THIS IS ONE OF THE FEW PAGES THAT WILL HIGHLIGHT THE USAGE OF PURPLE, OPPOSED TO A PRIMARILY WHITE ART DIRECTION.

DESIGN SYSTEM/

FOR THE BETTER ORGANIZATION OF THE PROJECT, IT WAS ESSENTIAL TO HAVE A COMPLETE AND DETAILED DESIGN SYSTEM, CONTEMPLATING THE STYLES USED, EACH AND EVERY COMPONENT, RESPECTIVE STATES, TYPES AND RESOLUTIONS.

Next Project