St. George's

University.

St. George's

University.

St. George's

University.

Full responsive website redesign.

Full responsive website redesign.

Full responsive website redesign.

Client

St. George's University

Client

St. George's University

Client

St. George's University

Category

Education

Category

Education

Category

Education

Main Tasks

Lead UX/UI Design

Main Tasks

Lead UX/UI Design

Main Tasks

Lead UX/UI Design

About the client:

Founded as an independent School of Medicine in 1976, St. George’s University opened its doors to students beginning in January 1977. It has evolved into a center of international education. Drawing students and faculty from 140 countries to the Caribbean island of Grenada, in the West Indies.

About the project:

After the successful deployment of a highly converting landing page, SGU decided to redesign its entire desktop and mobile experience. The goal was to organize and ease the process for accessing the vast amount of information on every academic program SGU offers.

Desktop.

All the information in the original website was compiled and distilled into a set of master pages. These pages were designed with all the possible component combinations in mind. This approach provided flexibility within each master page and ease the creation of the sub websites for each school.

Desktop.

All the information in the original website was compiled and distilled into a set of master pages. These pages were designed with all the possible component combinations in mind. This approach provided flexibility within each master page and ease the creation of the sub websites for each school.

Desktop.

All the information in the original website was compiled and distilled into a set of master pages. These pages were designed with all the possible component combinations in mind. This approach provided flexibility within each master page and ease the creation of the sub websites for each school.

Two of the main franchise pages were used as starting points to test the capabilities of the components and their usage with real data. Both pages have the exact same layout and were extensively tested by the team members who use them daily. This approach demonstrated the advantages of using the same layouts with different content.

Two of the main franchise pages were used as starting points to test the capabilities of the components and their usage with real data. Both pages have the exact same layout and were extensively tested by the team members who use them daily. This approach demonstrated the advantages of using the same layouts with different content.

Mobile.

The components used throughout the project allowed a seamless transition to mobile displays, very few minor adjustments were required to achieve the same look as in the Desktop version.

Mobile.

The components used throughout the project allowed a seamless transition to mobile displays, very few minor adjustments were required to achieve the same look as in the Desktop version.

Mobile.

The components used throughout the project allowed a seamless transition to mobile displays, very few minor adjustments were required to achieve the same look as in the Desktop version.

Style guide elements.

Style guide elements.

Style guide elements.

Components.

Components.

Components.

Selected style guide and design system elements

Selected style guide and design system elements

Selected style guide and design system elements

More projects.

More projects.

More projects.

Title

Description

Title

Description

@: mannuelregalado@gmail.com

© 2024 Manuel Regalado

@: mannuelregalado@gmail.com

© 2024 Manuel Regalado