Lehigh Office of International Affairs

This is Global Learning

LOIA education homepage in a laptop mockup

After operating for a long time without a clear strategic direction, Lehigh's Office of International Affairs finally had a vision: to become the destination of choice for the brightest minds around the world while simultaneously increasing student, faculty and staff participation in international programs.

Services

Web Strategy, Web Design, Web Development

Problem

The new ambitious vision put a spotlight on Lehigh's digital footprint – and the result was not flattering. International affairs information was split across multiple websites that artificially segmented audiences and were difficult to navigate between. There was way too much text and the design was out of date.

Our Approach

We locked arms with our longtime partners at Lehigh University to design a new website that positioned their school as a choice destination for the best students around the world. We streamlined and united content under one site with an intuitive navigation, updated the design, and made sure that it was easy for admins to maintain the new site into the future.

01

Elevating the Digital Strategy

With a new institutional strategic plan in place and a convoluted existing site architecture, the outgoing web design needed to fundamentally change in order to serve its purpose as a recruiting tool for Lehigh University’s prestigious international learning program. Therefore, our digital strategy process started at the ground level and worked up toward a completely reimagined plan for Lehigh OIA’s website.

LOIA-education-content-strategy-website-goals-edited-@2x

Outlining Lehigh OIA’s Goals

First, we clarified the goals. Then, we went to work: scrutinizing the existing brand identity, the industry, the competitors, and most importantly, the target audiences.

LOIA education five website goals
LOIA-education-content-strategy-sitemap-@2x

Simplicity Starts With a Sitemap

After a comprehensive digital content audit, we developed a new site architecture that simplified the user experience and made the most important content easily accessible for all users.

LOIA education sitemap

A Tailored Website Experience

Creating detailed user profiles became a necessary step to planning the reimagined site. These personas provided more detailed information about the target audience, what they cared most about, and how we should map and prioritize content.

LOIA education user profiles in a mockup
02

Designed for Success

Lehigh’s Office of International Affairs is a unique program, though still sits under the umbrella of a large, distinguished institution. Our challenge was clear—we needed to reflect their individual identity while staying true to the brand standards set forth in the overall Lehigh University brand guidelines. This required a little creative thinking and a lot of time dedicated to understanding what made this department so special.

LOIA education primary typeface

01

Montserrat

This bold font gives prominence to the site’s most important headlines.

LOIA education secondary typeface

02

Merriweather

Serving as a compliment to the strong font used in headlines, this sophisticated, elegant type balances the overall design.

#e6594e

#5f3626

#68c5b0

#fe9a26

#eff1ef

A Visual Refresh

Lehigh University had a strong existing brand identity that served as a starting point for our web design exploration. We took the existing color palette and typography and pushed them into a bold new direction, reflecting the amazing experiences Lehigh’s students encounter in this international education program.

International students wave flags on Lehigh's University campus
LOIA-education-responsive-web-design-custom-iconography-mobile-@2x

Custom Iconography

We drew unique illustrations for the site to help elevate the user interface design while creating a functional system to quickly communicate information.

LOIA education responsive web design - custom iconography in mobile
LOIA-education-responsive-web-design-sharing-stories-tablet-@2x

Sharing Stories From Around the Globe

Throughout our discovery, we learned of all the incredible stories from students who are part of this international program. We strategically designed space throughout the website to tell these stories—stories which bring the amazing experience of this program to life.

LOIA education responsive web design - sharing stories page in tablet
03

Seamless Web Development

We worked closely with Lehigh’s internal development team to ensure a smooth handoff of our front end design work. Using an interactive tool, we packaged all the necessary files, styles, animations, UI elements, and more. This collaborative process ensured the final build appeared as visually stunning as the design mockups themselves.

LOIA education web design homepage in a tablet mockup
International student at Lehigh university with flag

Everybody here is very impressed by and pleased with the new website. It makes great use of our best assets—our photos and our stories.

Lehigh OIA

Emily Groff, Director of Communications & Marketing

VISIT THE WEBSITE