/ / R3 _ Sult$

Website Projects

This interface concept uses bright color, playful forms, and oversized typography to intentionally create the visual appeal associated with sweets and snack advertising. By pairing an enticing image with a cautionary message, the design creates tension between desire and restraint. The strong contrast, energetic composition, and clear visual hierarchy effectively support the message while demonstrating an understanding of contemporary digital interface design.

404 Webpage Animation

Create a list of topics and mistakes, goofs, missteps, and error about those topics. Select one to develop a text and image interplay that communicates an error in the context of a webpage. Then design the motion for when the webpage loads.

Feature spread designed for a digital publication, combining illustration, typography, and editorial hierarchy to introduce a long-form article about higher education magazines.

The Issue

The Issue is a publication to inform, inspire, and celebrate the work being created at and for member publications. In this digital publication the 2communiqué team collaborates with our content creation partners to develop articles, illustrations, photography, animation, and video to push the boundaries of what a publication can be and to take advantage of the digital medium. Each article is art directed to accurately merge the written and visual communication and to also develop a unique interactive experience.

Interactive educational webpage about the Selma to Montgomery march featuring a historic black-and-white photograph, bold white typography on a red overlay, and navigation links to historical topics.

One-page Protest Website

Research five facts from a significant protest event in American history. Design a webpage section for each fact and create a fixed global navigation that links to each section on a one-page website. Resist!

Responsive website experience combining content strategy, visual design, and interactive features to communicate institutional identity and support audience engagement across devices. Immersive digital timeline presenting institutional history through archival materials and storytelling.

George School website

George School, located in Newtown, Pennsylvania, is a boarding school rooted in the Quaker tradition. As their primary international marketing tool, the school’s website needed…

Laptop displaying an IMPACT magazine feature article titled “Undoing the Ties That Bind Us” on the John Jay College research publication website.

John Jay Impact

An annual report is powerful communication when it illuminates the impact of an organization, and John Jay College’s research magazine Impact is a good example. Once a traditional publication full of headshots, lists, and accolades, the college decided to…

Campaign materials including website, brochures, print pieces, and branded collateral for a university fundraising campaign.

Rensselaer Capital Campaign

Launching a capital campaign is an important undertaking for an institution, and it is imperative that the campaign communications be strategic and impactful. During our intake meeting, we discovered that the advancement team relied heavily on printed one-sheet communications delivered to prospective donors. We moved this important content to the website to allow advancement officers to pivot seamlessly during a meeting and share targeted information in an interactive digital environment.

Three mobile screens from a St. Mark’s School student journey experience, showing interactive content including a student portrait, an illustrated globe, and a student testimonial with navigation controls and social media icons.

St. Mark’s Admission Campaign

What do a 14-year-old and 40-year-old have in common? Not much. Then why are enrollment communications created to speak to both segments simultaneously? Rethinking this traditional approach was the foundation for the microsite that we developed for St. Mark’s School. Our research showed that teenagers are drawn to visual sites with minimal copy and that they are primarily visiting these sites on their phones. So we designed a mobile version of the website to look and feel like a social media app and let the desktop version take advantage of the larger viewport with negative space, large images, and impactful typography.

Promotional poster for an event titled “Growing Connections,” featuring the Svalbard Global Seed Vault in a snowy landscape with blue overlays, navigation icons, event information, and a ticket call-to-action.

Microsite

Pick an article from the provided list, read, and research. Collect content, organize into information architecture, create wireframes, and design an interface. Finally, prototype and record scrolling and interacting with the small website.

Website interface for “Hysteria™” featuring a blue-tinted portrait of a woman shouting, layered translucent geometric panels, and the tagline “Intelligent Design, Not Clever Advertising” on a pink background.

Longform article

This is not your parents weblog. Read an article from the selected list and research to develop a type and image system. Design a longform webpage article that communicates the editorial message. 20-point body copy text? What the what? Check those type sizes, they’re not the same as print.