The Haven Project

Haven Project informational website

Description:

A website used to raise fundings to support children in foster care through care packages, toys, and other resources.

Project Type:

Launched product

Tools:
‍
HTML, CSS, Figma, Adobe Photoshop, Adobe Illustrator

My Role:
‍
I used Figma to build the wireframe for both the desktop and mobile platforms. I used simple designs to make the website easy to use for different generations of people. I coded this website using HTML and CSS
‍

About Haven Project

An organization to help homeless young adults find a safe space, resources, and other services.
‍

Research:

I researched several different funding websites to find commonalities and ways to make the website trustworthy for donators.

Target Audience: Both men and women from 30s-50s with all different cultural backgrounds.
Main audience: Donators between 40-50s both men and women.

Core Values: To create a safe space for children in foster care and to help those undergoing the adoption process.
Themes: Safe, family, friendship, care

Problem Framing

Inspiration/Brainstorming

User Interview

Persona

I combined my earlier research with data in order to create a persona representative of the target audience.

Requirements‍

Home page
Nav bar
About us
Photos
Davis Leadership
LA Leadership
Future events
Past events
Contact us
Donate: Davis
Donate: LA
Merchandise page

Navigation
‍
‍

Home page
Photo slideshow
Davis branch
LA branch
About us
Leadership
Events
Photos
Link to events
Donate: Davis
Donate: LA

Sitemap

Low Mobile Lo/Mid-fi
‍

Focused on the text size, font, and layout.
‍

Visual Design

Symbols such as a hand sign, the official representation for foster care awareness, as well as Buddy the Bear, the mascot of the Haven Project, were incorporated. These symbols aimed to provide a warm and welcoming environment for those reaching out for help. The color scheme was taken from these symbols.

Final Product

⇧ Back to top