Cognitive Systems Web Design
 
UX design
Visual design
Branding

Web design and branding for the Cognitive Systems Design Team. 

This website aims to centralize the Design Team’s resources, document team history and current products. This serves both the needs of new team members looking to onboard, and experienced team members looking for specific assets. 

Coming soon page

While the website was under development, I worked with James, a Frontend developer, to create an interactive Coming Soon page. We worked to create something that was simple yet engaging, but still true to the Cognitive Systems values of adaptiveness and User driven.

Drawing inspiration from how Cognitive Systems helps create User influenced decisions, the Coming Soon page features an interactive background that responds to the User’s mouse movements across the page. All code on the Coming Soon page is written and implemented by James. 

Information Architecture

Developing the information architecture helped us figure out the footprint of the website before we got started. With each iteration, we were able to narrow down and refine our direction and purpose. Although this is an internal project, we wanted to make sure what we’re designing is truly useful.

First, second, and third iteration of the information architecture.

Option 3 was created based on user feedback from a team-wide user survey. Team members were asked to rank the value they saw in each page on a scale of 1 (of least importance) to 5 (of most importance). Pages rated with the higher values were given priority in design and development.

Process

This website was built on GitHub pages with the Gatsby theme using Markdown.

In order to successfully implement Gatsby, we had understand the sphere in which the theme exists in. Both designers and developers had to be familiar with the Gatsby design system, it’s design language, hierarchy systems, as well as any constraints.

Markdown

By using Markdown, a simplified markup language, we hoped to make editing and updating our website content accessible to all team members. We wanted to make sure our team website accurately represented our team values of adaptability and being User driven.

Icon Illustrations

I created a series of vector of illustrations to use in the Team History design timeline. 

These icons have been submitted to the Carbon Icon Library. If approved, these icons will be added to the library, and become available for all to use.