– Case Study

Academic Office provides consulting and advisory services to higher education students.

Website Academic Office


Redesign the website and turn it into a simple, responsive and easy to navigate onepage.


4 weeks


Computer, Tablet and Mobile

What was accomplished

Wireframe • UX/UI Design • Web Design

01. Logo

The Academic Office logo was based on the blue color. Blue was chosen for conveying calm and confidence.

Logo Academic Office
Logo Academic Office

02. Colors

The colors used on the website were defined based on the logo colors.



03. Fonts and Buttons

To express the content in visually distinct ways and maintain readability, various font styles were used. Being  the Roboto font used throughout the website.

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

[email protected]

04. Wireframes

Based on the project’s objective, two wireframes were designed: paper and digital.

Wireframe de papel Academic Office
wireframe digital Academic Office

05. Web Design

The website has a simple structure with readable text, animations, images and buttons. The interface is intuitive, interactive and responsive.

Página Blog da Academic Office
Academic Office Homepage
Página Contactos da Academic Office
Página Sobre da Academic Office
Página Serviços da Academic Office

More case studies

Claudia Machado
Claudia Machado
Claudia Machado
Claudia Machado
Claudia Machado
Claudia Machado
Home Page Website Melchers
Home Page Website Melchers 2
About Page Website Melchers

Let’s talk?

If you have a project in mind or are simply interested in finding out more, don’t be shy. It would be my pleasure to work on the next big idea.