Georgia Tech Brand Website Redesign

Georgia Tech Brand Site Redesign

In anticipation of the university's brand refresh efforts, I undertook a content update and redesign of the existing brand site. I began with a content audit. I created a visual site map using screenshots of existing content as well as a document detailing my recommendations for how to update and reorganize that content. I then created a static HTML version of the site for testing and stakeholder review before converting it into a fully functional Drupal 8 theme. I developed a flexible layout tool for designers which features a range of background and padding options as well as Bootstrap-based layout specifics for each field.

Medium

  • Digital/Web Design

Roles

  • Design
  • Static HTML and CSS development with Bootstrap
  • Drupal 8 theme development
  • Custom layout tool development

Homepage Redesign

Georgia Tech Brand Website Redesign
Georgia Tech Brand Website Redesign
Georgia Tech Brand Website Redesign
Georgia Tech Brand Website Redesign

Existing Site Audit

Existing Content Visual Site Map and Recommendations

Georgia Tech Brand Website visual site map

Visual site map featuring screenshots of current content and user way finding flow. Screenshots allow analysis for consistent visual styling of way finding elements and content hierarchy.

Georgia Tech Brand Website visual content audit

A detailed document of recommendations for how to reorganize and update all existing content.

Georgia Tech Brand Website recommendations

Explanation of a simplified site hierarchy featuring three main sections of content and specific styling of repeating content elements. Consistent styling for types of content elements helps visitors to find the content they are seeking by symbolically highlighting the type of content, such as a file download or contact information.

Georgia Tech Brand Website layout tool for designers

Instructional document detailing options for a custom Drupal 8 layout tool developed for designers. The tool features background options, padding options, and width specifics for each content element.

Main Sections Redesign

Our Look

Georgia Tech brand Website main section

Main site section intro pages feature a visual header graphic to signify the type of page. All sidebar navigation is sticky on desktop so it remains accessible while reading long-scrolling content.

Georgia Tech brand Website main section

Third tier content pages have a simplified heading. They cut right to the chase, immediately presenting the specific content the visitor came to find.

Georgia Tech brand Website main section

Brand Assets

Georgia Tech brand Website main section
Georgia Tech brand Website main section

Pages featuring downloadable assets highlight this type of content in a light gray block with icons indicating a download is available. Details about the contents of each download are listed.

Georgia Tech brand Website main section

In addition to the internal navigation on the sidebar, an enlarged breadcrumb style over the page title helps the site visitor to recall which main section they are exploring.

Our Voice

Georgia Tech brand Website main section
Georgia Tech brand Website main section
Georgia Tech brand Website main section