WEBSITE, first try at systematic diagram for enterprise website

WEB, first session

What we intend to do:
- Identify Workflow
- Analyse and evaluate websites
- Identify purpose of website, the target audience and the audience needs
- Create an interface design for a website


WEBSITE CONTENTS? 
contact information, personality shown through the format of website, contents relating to the subject matter, 


WEBSITE DRIVEN THROUGH CONTENT, NOT THE DESIGN OF THE WEBSITE ITSELF.


KEY THINGS,  
- clear navigation (top, left, right) (text, image)
- background
- layout
- size
- header
- name of website
- images


ORGANISATION. 


- all work goes into a root folder, everything is transferable because they are kept in the same folder
- keep file names to a maximum of 8 characters, longer the file name, then the higher chance it has of becoming corrupt
- sub folder inside 'root folder' to keep images in it


WEB STANDARDS


- colour (RGB)
- size
- font


NOTES
- avoid repeated pattern/gradient for background
- keep horizontal scroll away (unless is works)
- lowest design size for screen (800X600)
- make sure navigator is easily accessible and legible 
- make sure the font you use is easy to read, and suits the design of your webpage
- fonts aren't embedded on everyone's computer, better to choose standard fonts, to make sure the font is viewed consistently throughout 
- use an image instead of a typeface if the text is specialist (try to avoid though, because it can lower clarity, increase file size and isn't as easy to render) (text will not appear as text through sub headers in google etc... because it is an image, text is searchable)
- website should be under 5MB




COLOUR


- colour is coded through the hexadecimal code, e.g 'ff0066'
- Photoshop colour library, 'Web Only', colour is restricted


IMAGES


- JPEG, ultimate aim when using images for website, is to decrease file size as much as possible without changing the quality too much 
- ' Save for web & devices', change quality to make the image slightly better quality 


NAVIGATION CONTENT


- home
- contact
- about
- work
- news
- clients




MOCK UP IN PHOTOSHOP FOR NEXT LESSON.

YCN - submission !

Image, boards and new brief proposal

FROM THE CRIT, 

I have decided to produce a series of prints that will be a form of promotional material for either an exhibition of poetry art, or a poetry launch. 

Deliverables -- series of prints 

                        -- series of complementing postcards

I am going to research into existing poetry, that can all relate to each other, therefore I will have some consistency in my work. I also want to try and include one of my poems.. :D

I am basing this brief on the 'Type as Image' brief, however I will also be exploring the relationship between type AND image, I want to use both, as either two parts or one, and produce creative, visually engaging work. 

ACTION PLAN

Find a theme amongst types of poetry

Source appropriate texts

Contextual research, begin to design

Design development, for prints and postcards

PRINT STUFF.

Books I will use; 

- All Messed Up -- Anna Gerber

- Hand Job -- Michael Perry

- Poster 97 - No Author :(

- Museum of Complaint -- Miles Steidl 

YCN - final presentation, questions raised, and action plan

I  found this final presentation very useful. Most of the questions raised were appropriate and did make sense, once they had been considered, I feel that our boards would be a lot more logical. Spelling was something that I am glad was looked at, it seems to be something that I found hard to spot myself, if I had missed out a letter or something, correcting it definitely would make a difference. The presentation was also beneficial because it was a fresh pair of eyes trying to understand the boards, if it didn't communicate to them then it would'nt to the YCN markers. 


I didn't think any of the issues raised were unfair, however some points were opinion based, and didn't run consistently with other opinions. I find it is hard to please everyone, so it's best to go with the majority and also which ever you prefer as well. 

Action plan,

YCN - developing and designing the back of the packaging,

Me and Sean had discussed that if there was going to be a flap that secured the packaging together, it would sit around a quarter of the way down on the page. This gave me a rough idea of how much space I had. 

I shortened the descriptions because otherwise there would be too much text. I kept the crucial words that described each flavour, as Green and Blacks would've done. 

I felt that the ingredients were too long, there was too much text, and I had to get the font size down to 4pt, which would make it very hard to read. Was all of the ingredients needed? Or any at all? For each individual flavour. 

I decided that the ingredients weren't completely necessary, the layout sat better and also made all the text actually legible. 

However, including allergy information seemed important.

How it would appear on a brown, text an off white colour.

YCN - point of sale, design in context

Vector images, 

I used an existing image, made the opacity lower, and then traced over.

context

context

context

point of sale

These are the vector images with the promotional material applied. 

YCN - developing 'An orchestra of flavours'

Chocolate peanuts...
I really wasn't happy with how these turned out, they just looked cheap and didn't really seem very Green and Blacks. On a positive note, they were small enough to arrange to a higher standard, they represent a birds eye view of an orchestra quite well. However, they just looked a bit rubbish, not a premium chocolate.

I then tried Lindt mini eggs, once the foiled was pealed off them, they did have a smoothness to them and I actually preferred the consistency of shape. However, looking  back, this doesn't really relate much to an orchestra layout. I also thought that the chocolate lacked a sense of intensity, perhaps something shinier would look better, the richness of Green and Blacks could then be communicated better.

Minstrels
Minstrels seemed a good choice, they were shiny, all the same shape (which now I thought looked better than a variety of shapes). I also thought, they worked well when producing the curved shape of the orchestra, it seemed very neat and more sophisticated, and because they were a darker shade of brown, seemed more chocolatey. I thought I had the final photograph to use, but realised that I needed to take it portrait so I could add text etc..

This was the final image I could use, with shading along the top and bottom adding a bit of organic, texture to the background, and also a brown photo filter applied in Photoshop, to make the overall image more intense.

 

I increased the width of 'an orchestra of flavours' so it fitted more alongside 'Pebbles'

Increased contrast, much more rich.I thought that the flavours being positioned on top of each other, sort of suggested that the product focused not on the variety, but that each bag of Pebbles would have one flavour inside. I changed the layout of the flavours, so they sat next to each other, like a sentence. Does this seem more like they are a collection of flavours in one product?