Michael Rozen
Work About Contact

HTML 101

website

The brief

You are required to design and build an online identity that can present a portfolio of your creative practice. It is crucial to consider who you might want to view this portfolio and what you want to achieve from it. Think about which design companies and potential employers might be among your users. You will be encouraged to create an experience for the user that expresses your position as a designer/creative but also allows the work to be viewed in a navigable, interactive and online space. The website must also include an ‘About Me’ section.

Research

website Research

Before starting on the website, we researched existing websites that we think visually look very well designed and had to wireframe the website to see how the structure of the website works and navigates. This helps to see how existing websites structure their website within their contents to make sure the website is well constructed and easy to navigate throughout. This exercise helped me to understand how I should start structuring my website to know what I will have inside my website and helps planning.

wireframe notes

Wireframe

wireframe

When wireframing my website, I wanted to keep it simple in terms of content used so it would be easy to understand and navigate through. Although I wanted the content used simple, I wanted to make my website look visually interesting to the viewer to make them drawn into my content. I want to make a visual impact when entering my website for the first time.

Layout and styles
typeface

For the fonts I used in the website, I chose ‘Sulphur Point’ for my headings, switching between ‘Regular’ and ‘Bold for bigger heading and smaller headings. For my body text, I used ‘Raleway-Regular’ as I think it reads very well and visually looks professional and very well laid out. In terms of the colour schemes throughout my website, I chose three different colours to keep the consistency throughout the website. I wanted a light colour for the background with dark colour for the body text to make it easy to read and a stand out colour such as the orange for headings to separate the text and keeping the style balanced.

Final reflection

Despite having difficulties with coding at the start of the project, I quickly managed to understand HTML and CSS and how it functions within the coding world. In the short space of time I had to code my website, I’m very happy how my website turned out in terms of style wise and also how my website navigates smoothly throughout link to link. I’m happy with the finished outcome of my website as it’s well balanced throughout and is quite appealing visually which I feel is very important for first impression. I believe my website is very much user friendly and easy to navigate through which I feel is very important.

In terms of future improvements to my website, I would like to add more projects I done to show more of my content and more skills. The grid I used ables me to add more content easily without disturbing the grid. I would also like to learn Javascript so I could make more interesting effects to help improving my website visually and making it easier to navigate.

Throughout the four weeks of this project, I have had good support from fellow students and lecturers to guide me through in order to make me learn more so I could use this skills in my future career.

© 2020 Michael Rozen