January, 2026

MHELS Website and Rebrand

MHELS Website and Rebrand

MHELS Website and Rebrand

Overview: Creating a new system to bring users together. A system that is scalable across different multimedia screens, and is future-ready for years to come.


My Role: Lead Designer

Overview: Creating a new system to bring users together. A system that is scalable across different multimedia screens, and is future-ready for years to come.


My Role: Lead Designer

MHELS website screens mocks

Problem

Problem

Problems with current system

Problems with current system

Problems with current system

Issues the stakeholder discussed:

  • Website and brand feels outdated.

  • Hard to translate into other forms of media.

  • Does not want to rely on images.

Issues the stakeholder discussed:

  • Website and brand feels outdated.

  • Hard to translate into other forms of media.

  • Does not want to rely on images.

Strategy

Strategy

Going back to brand values

Going back to brand values

Going back to brand values

I defined the brand foundation discussing with the stakeholder. Emphasizing how community, science, and shared learning is what makes MHELS stand out.

I defined the brand foundation discussing with the stakeholder. Emphasizing how community, science, and shared learning is what makes MHELS stand out.

I started with updating the brand by removing the border to create an open a and simplistic look. Then replacing the light blue with purple for an inclusive color scheme.

I started with updating the brand by removing the border to create an open a and simplistic look. Then replacing the light blue with purple for an inclusive color scheme.

mhels new logo
mhels color scheme

My inspiration came from geometric shapes and bauhaus design.

I thought we could turn those values into a meaningful icon system.

My inspiration came from geometric shapes and bauhaus design. I thought we could turn those values into a meaningful icon system.

geometric shapes
word value tree

Ideation

Ideation

Creating the system

Creating the system

I turned her values into icons that can be used for the websites, social media, and prints. A minimal approach to ensure longevity for the brand and website.


We can use these icons to make dynamic graphics across the website, for print, and other forms of media. Ensuring that this design is scalable and resilient.

I turned her values into icons that can be used for the websites, social media, and prints. A minimal approach to ensure longevity for the brand and website.


We can use these icons to make dynamic graphics across the website, for print, and other forms of media. Ensuring that this design is scalable and resilient.

icon system
mhels homepage
mhels screen showcase
mhels phone mock
mhels phone mock
mhels laptop mock
mhels screen mock

Outcomes

Outcomes

Launched website with positive feedback!

Launched website with positive feedback!

Launched website with positive feedback!

The stakeholder and her team appreciated the new system, and expressed how the new approach feels modern and translatable to different screens.

The stakeholder and her team appreciated the new system, and expressed how the new approach feels modern and translatable to different screens.

70+

70+

Unique visitors within 8 days

Unique visitors

within 8 days

30%

30%

Decrease in bounce rate

Decrease in

bounce rate

66%

66%

Increase in average

session time

Increase in average

session time

Check the site

Check the site

ERIK VANDERGRIFT

ERIK VANDERGRIFT

ERIK VANDERGRIFT