Mareld

Mareld

Team

Team

Sheila Gonzalez

Jonas Lindeman

Elin Hedlund

Sheila Gonzalez

Jonas Lindeman

Elin Hedlund

Role

Role

UX/UI

Digital Designer

UX/UI

Digital Designer

Programs

Programs

Figma

Webflow

Illustrator

Figma

Webflow

Illustrator

Year

Year

2024

2024

Brief

Brief

In this project, our team was tasked with creating a comprehensive branding package for Mareld, a company specializing in precise bacterial analytics. Our responsibilities included designing a cohesive brand identity, developing a unique and memorable logo, and building a user-friendly, visually appealing website. Overall, this project highlights our ability to deliver a full-spectrum branding solution, from conceptualization to execution, tailored to meet the specific needs of our client.

In this project, our team was tasked with creating a comprehensive branding package for Mareld, a company specializing in precise bacterial analytics. Our responsibilities included designing a cohesive brand identity, developing a unique and memorable logo, and building a user-friendly, visually appealing website. Overall, this project highlights our ability to deliver a full-spectrum branding solution, from conceptualization to execution, tailored to meet the specific needs of our client.

Process

Process

Our team initiated the project by developing a stylescape to define our choices of typography, colors, icons, and images that would form the foundation of Mareld’s branding.

We collaboratively sketched various logo proposals, refining our ideas until we selected a final design in consultation with Mareld.

The website was developed collaboratively by Elin Hedlund and me using Webflow, ensuring a cohesive and responsive design.


Our team initiated the project by developing a stylescape to define our choices of typography, colors, icons, and images that would form the foundation of Mareld’s branding.

We collaboratively sketched various logo proposals, refining our ideas until we selected a final design in consultation with Mareld.

The website was developed collaboratively by Elin Hedlund and me using Webflow, ensuring a cohesive and responsive design.


The color palette is inspired by the phenomenon of bioluminescence, from which we derived the blue hues. We then added complementary colors such as yellow and purple, which serve as CTA (Call to Action) colors on the website.

The color palette is inspired by the phenomenon of bioluminescence, from which we derived the blue hues. We then added complementary colors such as yellow and purple, which serve as CTA (Call to Action) colors on the website.

Midnight Blue

Midnight Blue

Dark Turquoise

Dark Turquoise

For this project, we selected Oswald for all the headings on the website and a system UI font for all the body text.

The reason for choosing a system UI font was to ensure faster loading times and to avoid the font swapping issue that can occur on some websites before the correct font loads.Our goal was to make the website as quick and lightweight as possible.


For this project, we selected Oswald for all the headings on the website and a system UI font for all the body text.

The reason for choosing a system UI font was to ensure faster loading times and to avoid the font swapping issue that can occur on some websites before the correct font loads.Our goal was to make the website as quick and lightweight as possible.


Result

Result