Studio Work

Studio Works are located here, all information and studio works are listed here to view. These number of headings provide the different works that are required.

How to make toast description

To make toast, pick your choice of bread and have a toaster plugged in as standby. Make sure to insert your bread into the toaster and lower the toaster lever to begin toasting to your desired level. Once that is reached remove the toast and place on any spread of your desire, and your toast is finished.

Toast Flowchart

TOAST SITE MAP

TOAST STORYBOARD

Website Wireframes

UI SKETCH

Personas

Using site such as https://thispersondoesnotexist.com/ generates individuals that do not exist for the personas.

Persona Mood Boards

DAVID SMITH MOOD BOARD

Persona Mood Boards

Project Sketches

Wireframe Mappings for:

Check out, Information Page, Item Display Page

Persona Scenarios + 1 SCREEN INTERFACE

PERSONA SCENARIO (ONE)

Julia is currently shopping for groceries, She finishes her payment and has change leftover, Julia looks at the donation box that is dedicated to saving and helping marine pollution and stopping pollution. Every donation matters to help clean up and expand their equipment set up. Julia thinks she can save the money for tomorrow’s meal, but she also wants to donate and support this cause. She then proceeds to help the charity to save marine life and ending pollution as she considers how important it is to keep the environment safe for all living creatures. She is able to save her food consumption and reduce her waste as a consumer who is grocery shopping, Julia presenting her money to charity also allows her to feel like she she has done a faithful role in helping marine life.

Screen Interfaces (3 different layouts n colours)

IDEATION MAP

Ideation map involves the process of design thinking and motivates designers to imagine what their logo will present their website whether an informative tone or a fun tone for the users. A listing of logos and brain storming of ideas help the process of figuring out how the website should look.

LOGO IDEATIONS

Numbers 4|6|7 was chosen for the final logo design. I incorporated sunset colours in number 7 to emphasis the inspiration on sunset oceans, as diamond shapes to present it as an aesthetic as water is precious.

Numbers 4 provides an eye spelling the word SAVE, showing the importance to SAVE water throughout our perspective and through out eyes. Number 6 depicts an illustration on a turtle, emphasising on the importance to water to animals and how this heavily affects their environment.

Logo I have decided to go with: NUMBER 7

LOGO REVIEW

BEFORE AND AFTER REDESIGN LOGO SKETCHING

AFTER LOGOS

animations and gifs

I have worked with animations before, below are examples of my simple animations.

week 11-week 12-week 13 reviews

PHASE 1 REVIEW

PHASE 2 REVIEW

OBSERVATION TEST

Peers who are being tested:

Mother, Brother, Sister

Telling them this is a site and they should navigate and take their time, explain to them what the site is about, they are free to go on and navigate on their own

Brother has asked for help on how to go to a specific section of a product.

Mother explains why the colours are a bit bright, seems less fitting for her as her aesthetic is darker tones, brother and sister disagree

Sister enjoys navigating through and looking at information, typeface could be somewhat improved

I gave them a task to navigate to a certain product.

Sister and brother were able to locate, mother could not locate, her answer was that she was not technological advanced.

results:

Sister and brother were able to navigate fluently, however mother was not able to and that is okay as not all users are technologically advanced.

Considering the use of aesthetic in colours, not all users have the same aesthetic.