Universal Page

Creating An Impactful Storytelling Experience

We designed Webster University's website to adapt well across all devices (including mobile, desktop and tablet) while also providing a seamless user experience. By using our Universal Page template, we’re able to encourage our audience to explore and learn more about our diverse, personal and flexible community.

This template helps capture our audience’s attention through modern photography, intriguing stats, snackable content and accessible navigation. It also serves as a bridge to additional content exploration and provides users a chance to transition from page to page, section to section. Before choosing to use this particular template, consider the number and types of pages that would be nested within it.

Photography

As a diverse and inclusive community of learners, choose imagery that inspires and supports our University’s mission of ensuring high-quality learning experiences that transform students for global citizenship and individual excellence.

Dimensions:
Hero Image (1600x634px) 
Spotlight Slider/Gallery Component (1110x623px)
Footer (1600x1114px)

 

INTERACTIONS: EXPRESS MOVEMENT & ACTION

group of students

 

Settings are not just backdrops. Imagery demonstrates learning in action. Individuals or groups should be candid and unaware of the camera.
COMPOSITIONS: STUDENT-FOCUSED

student raising hand


Negative space works to highlight the activity. The use of negative space allows for the placement of additional design elements, like typography.
CASTING: INCLUSIVITY IN ACTION

woman writing


People are diverse and relatable and are not supposed to look like professional models. Feature a wide range of people (race, age, gender, ability, class, body type – reflecting our global learning community.)

 

Headers

Our headers act as a title for the content immediately following it and are constructed to connect with the audience by piquing their curiosity. Descriptive headers should be 50-70 characters with minimal relative pronouns and prepositions to ensure active phrasing.

 

What We Do Say

What We Don't Say

Advancing Technology, Security and Programming Careers

Programs for Students Interested in Technology- Related Careers


Body Copy and Callout Stats

Purposeful. Inviting. Optimistic. Use language reflecting our University’s values, mission and our voice and tone. Cut the adverbs, choose clear, actionable words. Pick strong verbs. It’s important to convey a distinct student or faculty experience that generates lasting and positive results. As this particular asset is essential to conveying our community and culture, it will always follow the hero image.

 

What We Do Say

What We Don't Say

Achieve academic excellence through high-quality learning experiences.

Because of our global perspective, we are uniquely preparing students to excel in today’s changing world.

 

Make It Count

Similar to a pull quote, the large stat demands attention. Make sure it is relevant (never use data more than two years old) and reflects the content on the page.

What We Do Say

What We Don't Say

Achieve academic excellence through high-quality learning experiences.

Because of our global perspective, we are uniquely preparing students to excel in today’s changing world.

 

Snippets

Our snippets are essential to bringing our University’s story to life and are configured to ensure responsiveness across all devices whether that’s mobile, desktop or tablet. When choosing the Universal Page template, include the following snippets during the content curation process:

Spotlight Slider

Dimensions: 1110x623 pixels
Title: 40-50 characters
Optional Content: 170 characters

Description: As one of the more important visual components, the Spotlight Slider can help potential students see the University’s globalization and diversity.

CTA Link Cards with Optional Content

 

Title: 15-17 characters
Optional Content: 70-90 characters (begin the sentence with a verb and ensure content is three lines long)

Description: An essential part of the template, the CTA Link Cards with Optional Content is actionable content and helps prospective students move forward in their academic journey.

Two Column Quote

 

Dimensions: 555x444 pixels
Title: 20-30 characters
Quote: 100-110 characters
Source (Line 1): Name
Source (Line 2): Title
Link: Optional

Description: This snippet allows current students, faculty, and alumni to share their University-related stores, which provide prospective students a look into our community’s experiences and outcomes.

More Links

 

Dimensions: 1110x623 pixels
Title: 40-50 characters
Optional Content: 170 characters

Description: As one of the more important visual components, the Spotlight Slider can help potential students see the University’s globalization and diversity.