Professor talks with student in science lab while student in foreground works on computer

Component Library Designs

In a previous post, I shared the initial design explorations for the new website that included both design elements (purposeful elements that are the foundational building blocks of a design system, e.g., color, iconography, typography, etc.) and design patterns (functional and repeatable configurations of elements that perform specific functions through user interaction (buttons, inputs, dropdowns, etc.).

In this post, you will find designs for the various components that will be seen throughout the new website. Components convey meaning by combining patterns to support specific content types, e.g., carousels, menus, accordions, media types, content featurettes, etc.

Read More
Student writing on a whiteboard

Modular or Component-Driven Web Design

One requirement for the web redesign project is to design and build a site that has an ultra-flexible design framework consisting of a large number of modules or components. Instead of thinking of our website as a number of page templates, we think of it as a series of parts, which when combined create a variety of page layouts and designs.

This kind of site development is referred to as modular or atomic design or component-driven design.

Read More