SERVICES

Digital Strategy, Information Architecture, Responsive Design, Events Calendar, Accessibility & User Testing, Drupal CMS

[unex_ce_button id="content_wkp6q4lst,column_content_zu7fgogyq" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffd300" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://www.semplicelabs.com" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]READY TO TALK?[/ce_button]

Temple University’s Tyler School of Art is well known for producing skilled artists, craftspeople, and designers. Nowak was tasked with creating a new website for Tyler that reflects their high standards and vibrant, diverse creative community.

While working at BLUECADET I was lucky enough to work on helping design, test, and create Tyler School of Art's website. The result is an eye-catching, responsive, and intuitive website that can showcase creative content while providing easy access to important information.

slideshow_tyler_crazy-ipads1-1600x600slideshow_tyler_crazy-ipads1-1600x600

THREE TARGET AUDIENCES, THREE TAILORED CONTENT SETS

The three primary audiences for the Tyler website—current students, prospective students, and alumni—each have individualized homepages with relevant content and features. Users can scroll between the pages, with an animated transition and color coding for additional orientation. We enabled deep linking to allow for direct sharing or saving of an individual homepage.

Our developers also incorporated interactive bread crumbs to ensure an intuitive navigation experience. A color-based system distinguishes the three main audiences to further help orient the user.

slideshow_tyler_screens-1600x600slideshow_tyler_screens-1600x600

ACCESSIBILITY AND ACCESS

We tested the site extensively to ensure that it would be accessible to all users. Features such as high-contrast text, keyboard-only navigation, and redundant navigation are integrated while maintaining striking visual design.

For a large institutional website like Tyler’s, success depends largely on the staff members who are creating and updating content. We listened to the needs of department administrators and built an easy-to-use, modular template with an intuitive content management system (CMS). Academic department websites, which had previously been separate, were integrated into the main Tyler site, and administrators were able to customize their pages with callouts, features, galleries, and more.

Keeping in mind that a large portion of our audience is likely to access the website from a smartphone, we built the Tyler site with a responsive framework that adjusts smoothly to mobile, tablet, and desktop devices. A fluid grid system creates a responsive design that doesn’t sacrifice beauty for function, but instead allows for both.

fullwidth_web_tyler-1600x600fullwidth_web_tyler-1600x600

RESULTS

Addy Awards – Gold
W3 Awards – Gold; Visual Appeal
W3 Awards – Silver; Education
W3 Awards – Silver; Student

Horizon Awards – Gold: Responsive/Mobile Design

Horizon Awards – Gold: School/University

[unex_ce_button id="content_193qm16np" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffd300" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="https://tyler.temple.edu/#/prospective" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]VISIT THE SITE[/ce_button]