Site design Vormgeving

Met de layout op papier ben ik de website gaan vormgeven en opvullen met tekst.
Als eerst ging ik de producten die ik op de site wou laten zien maken.
Ik heb gekozen voor drie type producten.
1.T-shirts/Shirts/Hoodies & Sweaters
2.Caps & Hats
3.Shoes & Sneakers

Ik heb toen voor elk type een ontwerp gemaakt zodat ik dit op de website kan laten zien.

Nadat dit klaar was ben ik de site gaan vormgeven.

En het menu links boven, dit menu schuift als het ware de hele website iets naar rechts.

Site design Layout & Functie

Ik begon eerst simpel mijn idee te visualiseren.
De website zou op één pagina zijn (One page design) en zou qua vormgeving rustig en basic zijn zodat de producten het meeste aandacht zouden trekken.

De website bestaat uit drie onderdelen.
1.Company
2.Products
3.Contact

Het doel van de website is om mensen een voorproefje te geven van het merk Pattern.
In Company wordt er verteld wat voor bedrijf Pattern is en de visie's die ze als bedrijf hebben.
In Products laat ik zien wat de producten zijn die we gaan verkopen en in Contact staat er informatie over hoe je Pattern kunt bereiken.

In de site kan je door middel van scrollen naar de volgende pagina komen of gebruik maken van de menu knop links boven.

Experimenteren met T-shirt designs

Toen ik klaar was met het logo zag ik het merk helemaal voor me in me hoofd.
Er kwamen verschillende ideeën naar voren en wou deze visualiseren.
Ik ben opzoek gegaan naar T-shirt mock-ups en in Illustrator en Photoshop losgegaan.
De T-shirts zijn vooral gedesigned met de dinge die ik leuk vindt.
De laatste was gemaakt in met een winter gedachten.

Logo design

Met het logo wou ik iets modern uitstralen.

Gebruik maken van een sans-serif font zodat het er strak uitziet.

Ik kwam al gauw bij een font die ik perfect vond, maar het miste nog iets iconisch iets waardoor je het logo blijft onthouden.

Ik begon met patronen in het logo te gooien zodat je de beeld taal versterkt.

Dit werkte alleen niet, het werd een beetje een rotzooi en ik wou juist voor de basis look gaan.

Uiteindelijk ging ik met basis vormen experimenteren dit kwam vanuit de patronen die ik eerst maakten, maar dit keer gebruikten ik ze maar één keer.

De A in "Pattern" heb ik gevormd naar een driehoek  en ging steeds meer variaties op maken.

Uiteindelijk kwam ik bij het logo rechts onderin.

Lekker simpel, herkenbaar en blijft hangen.

Het enige probleem wat ik nog tegen kwam was wanneer je een wit achtergrond achter de logo had.

Ik kon makkelijk het logo zwart maken maar dit gaf het gevoel dat het logo verdween.

Dit heb ik opgelost door altijd een zwarte balk achter het logo te stoppen.

Verdiepen in script talen

Om me meer te verdiepen in talen waarmee ik websites kan bouwen ben ik een aantal cursussen gaan volgen op www.codecademy.com.

Ik heb de cursussen Make a Website, Make an Interactive Website, HTML & CSS, jQuery en gedeeltelijk Javascript afgerond.

Hierdoor heb ik veel meer kennis op gedaan over coderen in het algemeen en vooral van websites bouwen.

Dit was ook een van mij doelen in dit ISA project, om beter te worden in het bouwen van advanced websites.

Ik ben hier ~27 uur mee bezig geweest.

Concept & Identiteit

Welkom bij mijn eerste blog post hierin ga ik vertellen hoe het concept tot stand is gekomen en hoe ik de identiteit van het merk heb gevormd.

Concept
Door mijn interesse in kleding en grafisch vormgeven leek het me erg vet om een kledingmerk te gaan ontwerpen.
Ik ben toen gaan kijken wat voor soort kleding er nu hip is en wat voor kleding mij aantrekt.
Het duurde niet lang voordat ik op het idee van patronen kwam, dit zijn herhalende vormen, plaatjes etc. en ik heb het veel in me kast liggen (met name T-shirts).
Hier en daar vind ik wel eens een mooi shirt met patronen, maar een merk dat zich volledig stort op het maken van toffe shirts met patronen bestaat niet.

Identiteit
De eerste stap was natuurlijk de naam van het merk bedenken.
Ik wou de naam simpel en herkenbaar houden daarom heb ik gekozen voor Pattern (Engelse woord voor patroon).
Het rolt lekker van je tong, universele taal en het laat meteen zien waar het bedrijf voor staat.

Na de naam