Project 3 - Woman in Design - Web Design

I started designing for the woman in design project while making the street of crocodiles version, I did coding gradually as i was learning it and then edited any that didnt fit my design for the project.

Initial Ideas

I made my initial sketches based around the coding and structure that i made while coding the street of crocodiles version, I did this as it meant that I knew I would be able to effectively create something similar to my design using coding.

Figma

I made the design in figma, while i was designing it i tried to keep in mind that i would have to be able to create a similar design using coding. I also was able to find the images that I wanted to use on my web design and was able to format them correctly to fit the dimensions of the web page.

uxd101 3.jpg

Coding

I used what i learnt about code through the street of crocodiles version and using it as a starting point i was then able to adjust it to fit the idea for my woman in design. While i was coding I tried to make the design as accurate to the figma plan as possible using html and css.

I used github to keep a record of the different versions that were created over the 5 weeks I was doing this project.

Github: https://github.com/Jessica-Millar/women_in_design

First Version

The first week was just formatting the text into html and ensuring that everything was displayed correctly, I created the different headers and ensured that all the body text was correctly in its own paragraphs. I also decided on the font that i wanted to use and added the different font styles i.e. bold/ italic

Github: https://jessica-millar.github.io/women_in_design/index1.html

Second Version

The second week I added colours to emphasise certain pieces of the text and changed the padding to make the text easier to read.

Github: https://jessica-millar.github.io/women_in_design/index2.html

Third Version

The third week I added the header and the footer and also included navigation links, both internal and external into these. I added internal to navigate through the web page to the different sections and i added external links to my notion blog and my email.