University of Wisconsin-Madison – Lot 6

Hey,

We’ve hand-selected these case studies to show you our range and depth in nonprofit marketing and advertising. As you wade through, you will see that we’ve got the strategic, creative, and media chops to help the University of Wisconsin-Madison. Below you’ll find our samples for Lot. 6, Web Development

Welcome

On this page, you’ll find the case studies we’ve selected especially for you. All of them showcase the talent, passion, and ingenuity we put into everything we do. Reach out if you have any questions!

This website uses cookies to anonymously measure traffic and to improve your experience. Privacy Policy.

I consent to tracking cookies

A University of Maryland graduate in academic regalia applauds during a commencement ceremony

University of Maryland College Park

Producing a platform to highlight people.

View Case Study

University of Maryland College Park

The Challenge

The flagship state institution of Maryland, the University of Maryland – College Park is a vibrant community of educators, researchers, artists, athletes, and scholars. However, its main website did not communicate the energy of the campus and the opportunities afforded to Terps in Maryland and around the world. University of Maryland is a large university, and the site acted as a directory for users to move to various sub-school and admission portals—at the expense of the emotional connection and spirit of the institution. The challenge was to create a roadmap for visitors to find the content they need, while providing context and motivation to explore other facets of this world-class public research and innovation university.

The Solution

Working in close collaboration with The University of Maryland, idfive enhanced homepage design concepts that were created in-house by the university marketing team. We conducted usability studies through a mix of in-person and online methodologies to ensure a strong UX/UI experience and enhanced design elements to showcase student stories, campus life, and achievements. The result is a unique homepage design that features animated “cards” that correspond with main navigation elements as a user scrolls down the page, providing visual context and interesting callouts about the institution’s highlights. The responsive design makes accessing information on all screen sizes intuitive and it positions The University of Maryland as a preeminent institution dedicated to fostering talent, knowledge and creativity.

Nighttime photo of the Milky Way visible over a mountainous horizon

Johns Hopkins APL Civil Space

Expressing the wonder of space exploration.

View Case Study

Johns Hopkins APL Civil Space

DESIGNING AND DEVELOPING A SPACE EXPLORATION WEBSITE AT THE SPEED OF LIGHT

The Johns Hopkins Applied Physics Laboratory (APL) Civil Space project needed a brand new website to communicate the magnitude and “cool factor” of their work — from defending the planet from asteroids to unraveling the mysteries of the universe — to multiple audiences. And they needed it in nine months. It was rocket science. Literally.

Check out the APL Civil Space website.

Going Boldly

Sure, idfive developers had created interactive maps before. But to meet the challenge of galaxy travel, they created a destination map of the universe — going boldly where no developers have gone before.

Number of templates, including an interactive galaxy map

Strategy

Following our tried-and-true script, an idfive team kicked off the project with our Discover360™ process. We spoke with scientists, engineers, management, marketers, and educators. [A side note: These are some awesome, inspiring folks, some of whom worked on the country’s first space program in the ’60s.] We surveyed a wide cross-section of potential site visitors. We geeked out on web analytics and content audits (not to mention interstellar space), and scoped out what others in the field are doing. Armed with all of that data, we were able to share with our partners a creative brief and strategic direction that would inform everything from site architecture to design. Our aha moment: The site needed to appeal to a wide range of audiences — from middle-school students to rocket scientists — without confusing the one or condescending to the other.

Then COVID-19 hit.

But the idfive team and our APL Civil Space partners refused to let a global pandemic get in the way of our momentum. We switched our brainstorming workshop to a virtual format and presented the first rounds of a proposed Information Architecture and wireframes. Following revisions and approvals, we moved to the design phase and presented three concepts. Elements from all three were incorporated into the final design.

To meet the tight timeline and maximize budget, our developers completed the front- and back-end work concurrently with the design phase, relishing challenges like building a map-of-the-galaxy app. Our copywriters made sure that the final copy would appeal to space novices and rocket scientists alike.

Design

The visuals needed to be as awe-inspiring and compelling as space itself. Our design “North Star,” as pointed out in the project creative brief: “Think of the first time you saw the night sky on a clear, moonless night — away from artificial light or interference.” One picture = 1,000 words.

Development

idfive developers took the challenge of engaging site visitors to a new level by creating a Drupal 8 widget with Augmented Reality and 3-D assets that delivers state-of-the-art space instruments to your screen. Or maybe you have an iOS and want to drop the New Horizons spacecraft on your kitchen counter.

Conclusion

The APL Civil Space website engages school children, rocket scientists, and everyone in between with a richly visual, highly interactive experience — one that piques curiosity, encourages further exploration, and induces wonder. Just like the night sky on a clear, moonless night.

Howard University “The Dig”

Unifying the news hub of a flagship HBCU.

View Case Study

Howard University “The Dig”

Designing an Integrated Web Platform for University Communications

Howard University’s Office of University Communications (OUC) manages an extensive portfolio of print and web properties, including the University’s main site, Newsroom, and Howard Magazine.

With its Newsroom, Calendar, and Howard Magazine websites in Drupal 7, scheduled for an end-of-life in November 2022, the OUC had an opportunity to create a new platform to meet its long-term communications needs.

50

Number of Howard web properties that receive distributed content from The Dig.

"Helping Howard showcase their excellence, community, and vision through this redesign was intensely rewarding. We were committed to re-imagining multiple aspects of their news hub: how stories are discovered, the themes guiding those stories, and the visual language."

Pat Balasavage

SR. USER EXPERIENCE AND INTERFACE DESIGNER

The Strategy

A project with an overarching goal this ambitious—to create a communications centerpiece that would speak to the internal and external audiences of one of the country’s leading historically Black Colleges and Universities—needed to start with extensive research. Our work began with a thorough Discovery process, including remote workshops with members of the Howard communications team that helped uncover internal editorial governance gaps and define the overall spirit of the project. From that collaboration, three themes emerged as central to the Howard story: Research, Community, Philanthropy.

The site also needed to highlight the achievements of Howard’s students, faculty, staff, and alumni, as well as celebrate the “change makers”—those in the Howard community who actively commit to positive social change. With themes and imperatives agreed upon, the idfive team developed an information architecture and wireframes with taxonomy terms to represent the best of Howard University. The taxonomies enabled the Howard team to implement a more effective Create Once Publish Everywhere (COPE) strategy across the institution’s major communications platforms.

UX Design

During user research, we discovered the need to balance the traditional brand look, but address the Howard team’s appetite for boldness and pushing the brand. While the site keeps the recognizable Howard blue, we made sure to use well-placed accents and white space to create areas of color and contrast. Angled elements and a variety of layouts were incorporated throughout the site to “break out of the box,” countering the grid-heavy structure of many news publications. We also emphasized high-quality photography, especially when featuring faces of the Howard community.

The final design leaves site visitors feeling:

Educated, as a reliable source of information with a unique perspective.
Uplifted, with a sense of success and progress.
Trust, that Howard is a worthwhile investment.
Pride, in the tapestry of the Black community.

And how users feel is central to our “neurodesign ux” practice.

Development

idfive developers took extra care to make sure the user experience came to life through hover effects and subtle animations, which help increase the feel of interactivity sitewide. The team also developed a wide variety of hero treatments to keep the different pages fresh, enhance engagement, and drive action.

The Result

The Dig has become the “single source of truth” for Howard University, with relevant content that can be easily shared across platforms.

Three U-Dub students sit on a bench on campus

University of Washington College of Arts & Sciences

Giving voice to the liberal arts.

View Case Study

University of Washington College of Arts & Sciences

The Challenge

In a world dominated by science, technology, engineering and mathematics, what is the role of the liberal arts? After all, if the “value” of a college education is the immediate return on investment, how can the liberal arts compete with highly-valued majors such as engineering or the applied sciences (eg. computer science)?

Strategy

Our Discover360 process also revealed that the University of Washington College of Arts & Sciences also suffered from a crisis of identity: at a university dominated by scientific research and technological innovation what was the role of the College in the entire UW web ecosystem? The answer came from the students we spoke to. What they cared about was what interested them. Out of this insight came the philosophy that drove our redesign efforts: “Let the Majors Speak for, and Define, The College.”

Design

If the majors were going to speak for the College, the design had to feature their essence: the students and their environments at the university. Our design concept put the people of the College first, highlighting their diversity and their activities while studying at one of the most beautiful institutions in the United States.

Development

At a time when many Colleges of Arts & Sciences/Liberal Arts were shying away from their liberal arts roots, the UW College of Arts and Sciences decided to prioritize their commitment to the liberal arts, emphasizing the liberal arts’ relevance to 21st-century work. We communicated this through interactive tools for prospective students to show that the liberal arts and sciences could lead directly to fulfilling careers.

Conclusion

Our redesign has helped the College of Arts and Sciences at the University of Washington redefine what it means to study the liberal arts in the 21st century, emphasizing both the diversity of thought and the diversity of the student body of the College. Through the use of both stunning imagery and interactive tools that help visitors discover what the liberal arts can mean in the twenty-first century, the new website doesn’t just open up the College to a new generation of visitors but also helps recontextualize and more sharply define the College’s role as part of the greater University of Washington.

There’s more where that came from.

Explore our website, meet our team, and learn about idfive. Let’s Go

Show Me