AMT Visual Desktop Header Image
AMT Visual Mobile Header Image

#Aftermetoo

#Aftermetoo

Aftermetoo identified the need to create a safe space for survivors experiencing gender-based workplace harassment, as most individuals felt lost searching for online resources and answers.

The solution was to build a digital hub with a new cohesive design system that unifies and integrates all resources. This helps simplify the research-gathering experience, allowing survivors to focus on healing and making the best-informed discussions for themselves.

Art Direction + Product Design
2022
Live Site

Aftermetoo identified the need to create a safe space for survivors experiencing gender-based workplace harassment, as most individuals felt lost searching for online resources and answers.

The solution was to build a digital hub with a new cohesive design system that unifies and integrates all resources. This helps simplify the research-gathering experience, allowing survivors to focus on healing and making the best-informed discussions for themselves.

Art Direction + Product Design
2022
Live Site

AMT Highlight Screen Mocks
AMT Highlight Screen Mocks

Part of the challenge for AMT was narrowing down a creative style that resonated with the brand. We pinpointed a style and illustrator that fit the bill perfectly: Justyna Stasi. Her work embodies warmness and compassion, the precise feelings AMT wanted to create. We reached out, and she agreed to spin out some fantastic graphics for the project.

Part of the challenge for AMT was narrowing down a creative style that resonated with the brand. We pinpointed a style and illustrator that fit the bill perfectly: Justyna Stasi. Her work embodies warmness and compassion, the precise feelings AMT wanted to create. We reached out, and she agreed to spin out some fantastic graphics for the project.

AMT Typography Example
AMT Typography
AMT Character Illustration 1
AMT Colour Palette
AMT Colour Palette
AMT Character Illustration 2
AMT Design System
AMT Design System 1
AMT Design System 2

With the style locked and loaded, I could start bringing the design system to life. Leveraging the atomic design methodology, I created flexible components unique to AMT. I then started developing little visual accents that complimented the illustrations. The end product was something that soothed the soul.

With the style locked and loaded, I could start bringing the design system to life. Leveraging the atomic design methodology, I created flexible components unique to AMT. I then started developing little visual accents that complimented the illustrations. The end product was something that soothed the soul.

Aftermetoo Desktop Homepage Design
Aftermetoo Homepage Section 1
Aftermetoo Homepage Section 2
Aftermetoo Homepage Section 3
Aftermetoo Desktop Footer Design
Aftermetoo Desktop Teams Page Design
Desktop Website Device Mock Up
Desktop Website Device Mock Up
Aftermetoo Desktop Act Page Design
Aftermetoo Desktop Heal Page Design
Aftermetoo Desktop Learn Page Header
Aftermetoo Learn Section 1
Aftermetoo Learn Section 2
Aftermetoo Desktop Footer Design
Aftermetoo Mobile Article Design
Aftermetoo Mobile Glossary Design
Aftermetoo Mobile Partners Design
Mobile Website Device Mock-Up
Mobile Website Device Mock-Up