WEB DESIGN

WEB DESIGN

WEB DESIGN

The Fortress Logo Symbol Text Transparent Horizontal
Fortress-Browser-02

about

Web design for The Fortress Sweden.
I did the redesign for their entire site including logo design and illustrations.

The Fortress Sweden is a charity organisation that support young pregnant women in Uganda. 

role

UX & UI designer

client

The Fortress Sweden

agency

Knowit

Fortress-Mobile-03
illustrations02-10

Challenges

Challenges

One challenge was to clearly communicate to the user where the money goes, show transparency and give trust. Another challenge was to increase donations without direct payment on the site. I also had the task to create a whole new visual language for the organisation.

One challenge was to clearly communicate to the user where the money goes, show transparency and give trust. Another challenge was to increase donations without direct payment on the site. I also had the task to create a whole new visual language for the organisation.

One challenge was to clearly communicate to the user where the money goes, show transparency and give trust to the user. Another challenge was to increase donations without direct payment on the site.

Solutions

To solve the transparency issue I create illustrations showning specific details on how the money gets distributed.

A highlighted CTA button Donate leads the user to the section where the payment information, where Swish is the first option. 

With user tests I decided in which order to show the content on the site to build trust. The result; first donation info and second reading about where the money goes and third the organisation work, goal and vision.

The colors is based on African nature and the illustrations is created with a playful touch to convey positive attitude.

illustrations02-19

Icons

Fortress-Icons-01

Logo

Logo

The Fortress Logo Symbol Text Transparent Horizontal

Font and Colors

Font and Colors

Font and Colors

Font and Colors

Font and Colors

Fortress-FontsAndColours-02

Images

Images

Images

Images

Images

Fortress-Images-01

Design

Design

Design

Design

Design

Fortress-FullDesign-03