Data Science Alliance

FOOTER redesign - 2025
A redesign to improve usability, visual hierarchy, and brand alignment.

Process

The most important elements were a Newsletter signup, contact information, main navigation links, donate button, and responsive design
I started off by researching researching some of these elements online.
I produced wireframes to test layouts and button hierarchy, iterated on CTA placement, elevating the Donate button as a primary action.
I then tried dark and light footer variations for review.

Outcome

After review, I simplified the subsections into clean, column-based link groups for improved scanability, changed the button style for cohesion, and implemented some vectors that align with the branding system.

The final design features a clean, responsive footer with a newsletter signup form, clear navigation, contact information, and a donate button to prioritize conversions.
Element
Size
Weight
Usage
H1
32 px
Bold
Landing headers
H2
24 px
Semi-Bold
Subheaders
H3
18 px
Semi-Bold
Primary paragraph text
Body (Large)
14 px
Regular
Descriptions
Body (Small)
12 px
Regular
Labels
Caption
10 px
Regular
Category labels

Reflection

In this project, I focused on balancing functionality with brand consistency in small but important UI details. I refined button and link structures to support accessibility, and tested responsiveness to keep the experience consistent across devices.
Element
Size
Weight
Usage
H1
32 px
Bold
Landing headers
H2
24 px
Semi-Bold
Subheaders
H3
18 px
Semi-Bold
Primary paragraph text
Body (Large)
14 px
Regular
Descriptions
Body (Small)
12 px
Regular
Labels
Caption
10 px
Regular
Category labels