In the the "Authorship and Interaction" module when we started Workshops for Webdesign, I was introduces to "HTML" and "CSS". During the Workshop i was given different tasks to complete.
The task given both for "HTML" and "CSS", where basic points to learn, such as how to produce "HTML" web page; inserting text and images etc. This was same for the "CSS" task, where we learned the basic techniques for styling the web page.

The use of vibrant colors makes the example look very interesting and eye catching

During the workshops I was introduced to Jen Simmons website. As my visual, I explored the different web design. Here I have presented some of the examples that I screenshot for my inspiration

A geometric shape structure has been used for styling. The use of rectangles gives a interesting visual approach. The use of rectangles also gives a modern look vibe.
The color combination used gives a gradient effect.

Text has been used to give geometric shape structure for styling. The use of text gives an interesting visual approach. This is because the text is engaging the reader to read.

The use of red gives an urgently to read the text. This is becasue red signifies "danger" or "importance"

More examples from Jen Simmons web page. I have taken inspiration from these examples because I find the use of rectangles very interesting. For this reason I will be focusing more on geometric shaped in my ideas and my final outcome

For my personal research and knowledge, I looked into different small clip on YouTube to familiarize myself with "HTML" and "CSS".

Color

I have explored different color combinations from dark to light colors.

Flowcharts

After exploring different colors, I really like the color combination of violet. This is because it is not too dark or light and goes well with the color red.

Some example of two different flowcharts. Both of the flowchart are showing the same information but are presented in different forms. The first more structure based and the second more like a mind map