Sketches

For my initial sketches, I listed down everything I needed to link in my Hotglue.

This included the links from my home page to my weekly assignments, final projects, and to katie's lectures, as well as links from those.

I made a little mind map on all the pages I need to keep everything in order.

After that, I made a layout sketch of my main page, and also of the colors that I wanted to include as theme colors for my page.

I wanted the information to be legible and easily accessible to all users. I also added in a secret link to make it more fun for users to interact with my website and to keep them interested in my page.

The main page information included things like my photograph, an about me section, all the links to the information regarding my workshops and lectures, a secret link as well as all the social media links that would give users an insight into my personality.

I kept well within that color scheme and managed to incorporate some of the handwritten typefaces into it that were very legible and easy to read. I tried out a few types of fonts for my name (as shown below.) I also kept my profile picture to the color schemes as much as possible to keep in theme with my work by working with the filters.

I picked the last one because I was able to incorporate all the main colors into it, as well as have my name extremely legible.

These are the pages included under this specific layout:

1. Authorship
2. Interaction
3. Workshops weekly under Weekly Assignments
4. Sketches and Ideas for my Final Project
5. Sketches and Mood Board for the Website

I prefer the minimalistic concept when it comes to body layouts. I also really like layouts that have all elements that fit together simultaneously. This could come as text, videos, pictures, titles and color. This is why I have categorized my page to a few different parts:

1. Main title
2. Secondary title
3. Pictures
4. Videos
5. Text
6. Home and Back buttons

This helps me plan my layouts very easily once I've laid everything out.

BODY AND INFORMATION PAGES

WEBSITE LAYOUT EXAMPLES.

I want my index page to consist of bits of information that would get the reader interested in the page without having to read the title.

For example, I like the ambiguous feeling that it gives users, in the sense that it allows them to have a personal idea of what the text is about before it's been introduced to them later on.

I found two ways that would help me show that:

1. Date
2. Pictures

I used a line down the center as a guideline and lined up the pictures chronologically (left to right going down). Used arrows to direct the user to click on the correct picture that would link them to the correct page.

I only used this layout in 3 different pages, which is

1. Weekly Assignments
2. Website Research
3. Final Project