Browser Based

Flowchart 1:Preparing the data

Kicked started my Browser based task by creating a Flowchart 1 carrying all of the data system pages in one flow chart without breaking into detail what information is contained on each page.

Home Page: I have sectioned each area into three squares. Blue represents - Interaction all of my practice work will be contained in the data base, Red represents my final project/documentation and the yellow square will hold my theory contribution /lecture notes.

Opening the first section mid blue/green square i.e Interaction leads into the Interaction home page. I have designed this page to allow the user to pick where to start their journey by sectioning out each task/project into colour tabs allowing the user to follow the triangle selection.

Comparing my initals to the final designed pages.

Development Screenshots.

Here I began to create my web designed pages using the same format from my initial designs.

Visible Data Gathering Page Layout

Arduino Layout Initial

I didn't follow the initial design for the Arduino page as I thought about space layout. Having noticing more information and screenshots was being used then expected which leaded to keeping the layout design structured.

Copyright Layout

When looking back onto my designs I don't think many of the layouts in my flowchart relate together. I have re-arranged and captured more distorted ways by overlapping images to collaborated with the analysis boxes.

To begin Hotglue I have viewed the guide videos leading me through each step on how to create all of my design based ideas with each tool.
Following the videos I began to create the account. Hotglue URL: cherrrelle.hotglue.me

Development of web designing my hotglue

Influenced website

For inspiration towards my Hotglue website I have viewed and was inspired by a graphic design high-end studio website called TAYLOR JAMES. The layout and structure of each page can relate to my own visual documentation.



Screenshots are documented below.

Collected Websites with clear designed structures

Documentation

I began designing my pages by creating squares that leaded out towards each section i.e Interaction,Final Project and Authorship.
I didn't like the layout of the page so I decided to re-start over and focus more on my initial designs.

Creating a New Page

Clicking the page once to allow the keyboard direction to appear allowing the designer to start creating the layout.

Arranging the linings.

Hotglue: My Home Page

Practice Screenshots.

Theory Development

Final Outcome Planning for the user Interaction Progress

Funny Tummy is a graphic designer website and I have chosen this website due to the clear demonstration of layout that has be given to the user when viewing his work.

As there are many visual images within the website Tummy has take the best solution and created a layout that is based around the images more then the information given.