Hormonology
Hormonology
Hormonology
Brief
Hormonology wanted their website, hormonology.se, to become more inspiring, easier to navigate, and visually consistent. The goal was to give the site a refresh—without straying from the existing visual identity.
Team
Sofi Svensson
Melvin Sköld
Role
UX, UI,
Re-design
Tools
Figma,
Photoshop
Illustrator
Year
2024/25
Brief
Hormonology wanted their website, hormonology.se, to become more inspiring, easier to navigate, and visually consistent. The goal was to give the site a refresh—without straying from the existing visual identity.
Brief
Hormonology wanted their website, hormonology.se, to become more inspiring, easier to navigate, and visually consistent. The goal was to give the site a refresh—without straying from the existing visual identity.
Brief
Hormonology wanted their website, hormonology.se, to become more inspiring, easier to navigate, and visually consistent. The goal was to give the site a refresh—without straying from the existing visual identity.
Role
UX, UI,
Re-Design
Team
Sofi Svensson
Melvin Sköld
Tools
Figma, Maze
Illustrator
Year
2025
Team
Sofi Svensson
Melvin Sköld
Role
UX, UI,
Re-design
Tools
Figma,
Photoshop
Illustrator
Year
2024/25
Solution
We improved the site’s accessibility by adjusting color contrasts for text, menus, and buttons to meet WCAG standards. The landing page was restructured to highlight the company’s products, while the knowledge section was given a clearer layout and a new search function.
For a visually lift of the content-heavy pages, we introduced a wave element from the logo as a recurring graphic detail, creating a more inviting and friendly feel. Throughout the project, we stayed true to the brand’s visual identity, using its colors in new ways — for example, darker tones for text and soft orange and lavender for decorative elements.
Solution:
Solution:
Solution:
We improved the site’s accessibility by adjusting color contrasts for text, menus, and buttons to meet WCAG standards. The landing page was restructured to highlight the company’s products, while the knowledge section was given a clearer layout and a new search function.
For a visually lift of the content-heavy pages, we introduced a wave element from the logo as a recurring graphic detail, creating a more inviting and friendly feel. Throughout the project, we stayed true to the brand’s visual identity, using its colors in new ways — for example, darker tones for text and soft orange and lavender for decorative elements.
We improved the site’s accessibility by adjusting color contrasts for text, menus, and buttons to meet WCAG standards. The landing page was restructured to highlight the company’s products, while the knowledge section was given a clearer layout and a new search function.
For a visually lift of the content-heavy pages, we introduced a wave element from the logo as a recurring graphic detail, creating a more inviting and friendly feel. Throughout the project, we stayed true to the brand’s visual identity, using its colors in new ways — for example, darker tones for text and soft orange and lavender for decorative elements.
We improved the site’s accessibility by adjusting color contrasts for text, menus, and buttons to meet WCAG standards. The landing page was restructured to highlight the company’s products, while the knowledge section was given a clearer layout and a new search function.
For a visually lift of the content-heavy pages, we introduced a wave element from the logo as a recurring graphic detail, creating a more inviting and friendly feel. Throughout the project, we stayed true to the brand’s visual identity, using its colors in new ways — for example, darker tones for text and soft orange and lavender for decorative elements.
Process and
learnings
We worked closely with the client, using regular check-ins for fast iterations. Balancing accessibility with a strong visual identity while designing a system for product and article cards was a rewarding challenge.
Process and learnings
Process and learnings
Process and learnings
We worked closely with the client, using regular check-ins for fast iterations. Balancing accessibility with a strong visual identity while designing a system for product and article cards was a rewarding challenge.
We worked closely with the client, using regular check-ins for fast iterations. Balancing accessibility with a strong visual identity while designing a system for product and article cards was a rewarding challenge.
We worked closely with the client, using regular check-ins for fast iterations. Balancing accessibility with a strong visual identity while designing a system for product and article cards was a rewarding challenge.
Accessibility
We focused on making the site more accessible and easier to navigate. The company’s vision, content, and products needed to be easier to find and understand.
We talked to 10 people about their experience with the site and here’s what stuck with us and followed along the process when we redesigning the webpage:
-Where are the products? Didn’t spot them on the landing page.
-The article section is a bit hard to navigate.
-Watch out for long lines of text and things not lining up.
-Love the colors, but the contrast makes it tricky to read sometimes.
-Not always easy to read – depends on the background.
Accessability
Accessability
Accessability
We focused on making the site more accessible and easier to navigate. The company’s vision, content, and products needed to be easier to find and understand.
We talked to 10 people about their experience with the site and here’s what stuck with us and followed along the process when we redesigning the webpage:
-Where are the products? Didn’t spot them on the landing page.
-The article section is a bit hard to navigate.
-Watch out for long lines of text and things not lining up.
-Love the colors, but the contrast makes it tricky to read sometimes.
-Not always easy to read – depends on the background.
We focused on making the site more accessible and easier to navigate. The company’s vision, content, and products needed to be easier to find and understand.
We talked to 10 people about their experience with the site and here’s what stuck with us and followed along the process when we redesigning the webpage:
-Where are the products? Didn’t spot them on the landing page.
-The article section is a bit hard to navigate.
-Watch out for long lines of text and things not lining up.
-Love the colors, but the contrast makes it tricky to read sometimes.
-Not always easy to read – depends on the background.
We focused on making the site more accessible and easier to navigate. The company’s vision, content, and products needed to be easier to find and understand.
We talked to 10 people about their experience with the site and here’s what stuck with us and followed along the process when we redesigning the webpage:
-Where are the products? Didn’t spot them on the landing page.
-The article section is a bit hard to navigate.
-Watch out for long lines of text and things not lining up.
-Love the colors, but the contrast makes it tricky to read sometimes.
-Not always easy to read – depends on the background.
Before
After
Back to top
