The Woman Project

yellow sparkle

the hot gossip

For Woman’s Day, I decided to venture on a passion project to celebrate women and our everyday living.

Web design & Visual identity

deliverables

the woman project - main opening
woman face with red lipsthe woman project text
yellow sparkle

let's play

Setting up the visuals

I could go down the philosophical rabbit hole of Women and the beginning of time but I digress. Instead I thought of adding in these wonderful photos found via unsplash.com. The photos were selected based on everyday living; periods, self-care, empowerment, confidence and unity.

woman photos with colors
making it normal menstral slide
making it normal selfcare slide
yellow sparkle

let's bring out the ruler

Behind the web design

I came across this wonderful font called New York on Behance and had to experiment with it. It's delicate balance of weights made it a perfect example of high fashion. Pairing it with something as fluid as the Google font called Fuggles was a no brainer. The visual direction was driven more by the large visuals. I wanted them to stand out on their own without the need to convey much thus the idea of opting for muted font tones.

website design grid for woman project
yellow tape
Trick #1

One way to think about grid system when you are first starting is, play around! You will be surprised how many fun layouts can be developed

yellow tape
Trick #2

I always try to find a balance visually when laying down the user experience. Having your grids setup to the common screen can greatly help your process too

woman project website design with intro
woman project website design with fonts
woman project website design with colors
yellow sparkle

so, how about it partner?

text saying 'well?'

Would you like to see more?

next project
black arrow