UCLA.com is the gateway to all UCLA websites. The gateway's purpose is to frame and advance UCLA’s public mission, values and strategic priorities. In 2019, I was the art director for the team that set out to redesign the experience. Our mission was to reflect the University's strategic priorities, update the site look and feel, and address today's security and compliance requirements.
The design direction was inspired by UCLA’s mission and values. The new Gateway design emphasizes several of UCLA’s distinct character traits: openness, creativeness, drive and engagement. We brought these traits to life through the use of generous whitespace, elements that break containers, rules that drive the eye from one element to another and softer, more approachable interactive elements. The design also enhances accessibility through improved contrast, link strategy and clear structure.
The design direction was inspired by UCLA’s mission and values. The new Gateway design emphasizes several of UCLA’s distinct character traits: openness, creativeness, drive and engagement. We brought these traits to life through the use of generous whitespace, elements that break containers, rules that drive the eye from one element to another and softer, more approachable interactive elements. The design also enhances accessibility through improved contrast, link strategy and clear structure.
I was the art director on the team and lead the visual design.
UCLA Gateway homepage. The website was fully responsive.
Homepage hero feature up to 3 stories.
The homepage displayed a snapshot of what was happening at UCLA with the latest ratings, news, and features.
Social was integrated on the homepage.
Section landing pages introduced key parts of the UCLA experience.
Throughout the site, quotes were used to give a personalized look into life at UCLA.
Factoids, rankings, and statistics are used throughout the site to show UCLA's prestige.
Tables help structure data in an easily digestible way.
Related links at the bottom of pages help guide visitors to other parts of the site they may be interested in.
Statistics could also be used as touts to drive visitors to sub pages.
Honored faculty were given their own mention throughout the site.
Each college and school card featured a fact or stat highlighting accomplishments.
Search page
