The Client

Women in Web Dev is an active, well-rounded, and consistent online community for women around the world of any background, experience, and identity. This is a platform where women may connect with others and exchange resources. Aside from providing professional development features such as a job post board and training/workshop opportunities, Women in Web Dev is also an emotionally supportive online environment. Think a cozy ‘clubhouse’ for female developers.

The Opportunity

A redesign of a responsive web for the existing site of womeninwebdev.com, freshening up and the look and feel, while also making it more user friendly. The business goal is to increase the number of newsletter subscribers, which would in turn help increase sponsored job posts.


Timeline

3 week sprint

Tools

Sketch, Photoshop, Illustrator, InVision

My Role

UI Designer

Tasks

Client gut test, comparative research, two style directions, custom iconography, typeface pairing, illustration editing, logo design, style guide, high fidelity mock ups for desktop and mobile

Hello from The Team

Style Directions

Mood

Playful, Modern, Millennial, Bright but Soft

Voice

Welcoming, Professional, Fun, Curious, Bubbly

Shape

Emotive illustrations, cute iconography, cozy stock imagery

Colours

Cream, Coral, Teal, Cobalt. This direction would use a classic white background for a brightening effect. 

Mood

Warm, Belonging, Cozy,

Voice

Trusting, Cute, Down to Earth

Shape

Non-denominational illustrations, complex dual/tricolour iconography, cozy stock imagery

Colours

Coral, Teal, Navy, and Purple. Background is an off-white colour, because when we asked the client what some of her favourite websites were as far as design, she suggested Saje. They use an off white background and we thought it could be something to test for this ideation, since it also ties well with the cozy mood.

Mood

Playful, Modern, Millennial, Bright but Soft

Voice

Welcoming, Professional, Fun, Curious, Bubbly

Shape

Emotive illustrations, cute iconography, cozy stock imagery

Colours

Cream, Coral, Teal, Cobalt. Aside from one colour variation, quite
similiar to our other palette but with a brighter feel because of the white background. The white background also creates a sense of spaciousness. An open door to a clean room.

Mood

Warm, Belonging, Cozy,

Voice

Trusting, Cute, Down to Earth

Shape

Non-denominational illustrations, complex dual/tricolour iconography, cozy stock imagery

Colours

Coral, Teal, Navy, and Purple. Background is an off-white colour, because when we asked the client what some of her favourite websites were as far as design, she suggested Saje. They use an off white background and we thought it could be something to test for this ideation, since it also ties well with the cozy mood.

Purpose Meets Visual Design

Final Style Guide

Desktop prototype

Mobile prototype