Itsetehty

Itsetehty
Juustokakku marjoilla

perjantai 28. elokuuta 2020

Asiakashankinta prosessi ja mikä on osuuteni

Asiakasesittely



Asiakas 1


Turku Outdoor Gym (OGT)



Ensimmäinen asiakas on yritys nimeltä Outdoor Gym Turku (OGT). Yritys tarjoaa helposti lähestyttävän ulkokuntosalin Turun parkin kentällä.  Sain kyseisen firman asiakkaaksi Facebookin kautta. Olin laittanut Facebookkiin ilmoituksen ryhmään nimeltä  "Palvelut Turku". Yrityksen omistaja ja otti minuun yksityisviestillä yhteyttä sen jälkeen kun oli nähnyt ilmoituksen ja vaikutti olevan innostunut opiskelijatyöstä jos sitä kautta saisi uusia ideoita. Teen yhteistyötä toisesta tiimistä olevan opiskelija kanssa.  
Heille teemme banderollin josta tulisi ilmi yrityksen helposti lähestyttävyys, sosiaalisen median kanavat, kohderyhmä, edullisuus ja se että yritys on ainoa laatuaan turussa.
 
Tässä tähän saakka tehdyt luonnostelmat:




Asiakas 2


Turun rakennuspalvelu


Toinen asiakas on yritys nimeltä Turun  Rakennuspalvelu. Turun Rakennuspalvelu Oy on muuraukseen erikoistunut täyden palvelun rakennusliike. Heiltä voi tilata kohteeseen muurarit, kirvesmiehet ja muut rakennusalan ammattimiehet. Lisäksi heiltä saa myös nostopalveluita. Sain kyseisen firman asiakkaaksi Instagramin kautta. Olin laittanut Instagramin tarinoihin ilmoituksen, jossa etsimme asiakkaita. Tunsin entuudestaan yrityksen omistajan ja hän otti minuun yhteyttä sen jälkeen kun oli nähnyt ilmoituksen.  Sovimme hänen kanssaan että tekisin uuden mainospohjan, joka tulisi mastolavaan ja lisäksi myös autoon teippaukset.

Tässä tähän saakka tehdyt luonnostelmat:







Asiakas 3


OMG Paari


Sain kyseisen firman asiakkaaksi Facebookin kautta. Olin laittanut Facebookkiin ilmoituksen omille sivuilleni. Yrityksen omistaja otti minuun yksityisviestillä yhteyttä sen jälkeen kun oli nähnyt ilmoituksen, hän oli juuri laajentanut omistamaansa Baaria. Teen yhteistyötä toisesta tiimistä olevan opiskelija kanssa.
Tätä en ole vielä aloittanut luonnostelemaan.


Asiakas 4


Ruokalaprojekti


Salon Ammattiopiston ruokalasta annettiin tehtäväksi tehdä grafiikkaa, julisteita, kuvaa, jolla saada kiinnitettyä ruokailijoiden huomio, mitä kaikkea ruokailu on, ja mitä siinä otetaan huomioon. Ryhmämme valitsi aiheen "Suola&Rasva", koska kun näiden määriin kiinnittää huomiota, oppii syömään terveellisesti. Syömällä oikein, sinä ja kehosi voitte paremmin. 
Etsin aiheista Googlesta lisätietoa.


torstai 27. elokuuta 2020

3 Pinterest taulua

Taulut väreittäin


Saimme tehtäväksi luoda 3 pinterest taulua, jotka on jaoteltu väreittäin.



Salon taidemuseo - Veturitalli

Taidenäyttely


Silmää miellytti seuraavat teokset


Tässä teoksessa on ihanat värit ja tulee harmoninen tunnelma



Tämä teos on mielenkiintoinen ja laittaa miettimään. Monta asiaa menossa samanaikaisesti. Kaikella on tarkoituksensa


Tämä teos erottui muista selkeästi, en ole ennen tällaista taidetta nähnytkään. Paitsi tietysti puutarhassa. Olisi mielenkiintoista tietää miten tämän saa kuljetettua kotiin jos tämän ostaisi




maanantai 24. elokuuta 2020

Graafinen asiakastyö



3-henkilön tiimeissä 23.10 saakka

Tähän mennessä tehtävä vähintään 3 asiakastyötä liittyen graafiseen suunnitteluun

Jokainen tiimiläinen tekee oman työn asiakkaalle josta hän valitsee mieluisensa

Miten lähteä liikkeelle ryhmän kanssa asiakkaan hankinnassa ja edetä siitä valmiiseen tuotteeseen?

Käy läpi verkostot. Löytyisikö tuttavapiiristä mahdollisia asiakkaita. 

Yhteiset kiinnostuksen kohteet tiimiläisten kanssa. Minkälaista tuotetta olisi mielenkiintoista lähteä työstämään. 

Tiedonhankinta mahdollisista asiakkaista.

Yhteydenotto asiakkaaseen joko puhelimitse tai käymällä liikkeessä. 

Asiakkaan kanssa neuvottelu toiveista, aikatauluista ja kustannuksista.

Töiden luonnostelu ja toteutus

Puhtaaksi piirtäminen Illustratorilla ja työn esittely asiakkaalle.

Mahdolliset muutostoiveet työstetään esittelyn jälkeen.

Työn viimeistely ja asiakaspalaute. 


Tuotesuunnittelun ABC



Tuotesuunnittelu on ennen kaikkea pohjustavaa työtä. Se varmistaa että lopputulos on paras mahdollinen. Kun lähdetään suunnittelemaan asiakkaalle tuote, esimerkiksi nyt graafisen suunnittelun alueella on ensimmäinen tehtävä haastatella asiakasta. Kun on päästy selville mikä on se tuote jota lähdetään työstämään ruvetaan etsimään aiheesta kaikki mahdollinen tieto esim pinterest, google, kirjat jne. 

Alkuideointi


Alkuideoinnissa laita aivot narikkaan

Anna luovuuden kummuta ja tee kaikki luonnokset paperille
Älä pyyhi, heitä pois, korjaile mitään. Säästä kaikki luonnostelut myöhempää tarkastelua varten
Mikään idea ei ole huono, uskalla kokeilla ja visioida. 

Väliarviointi


Väliarvioinnissa aletaan kaivella potentiaalisia tuotoksia luonnoksista ja miettimään mihin suuntaan ollaan työssä menossa
Väliarvioinnissa aletaan jo hahmottaa ne ideat jotka pääsee ns jatkoon  

Kirkastus


Kun on luonnosteltu, pähkäilty ja väliarvioitu. Kaiken työn ja tuskan jälkeen on luvassa kirkastus jossa kaikista ideoista on ehkäpä yksi ylitse muiden. Tätä ideaa lähdetään sitten jatkojalostamaan. 

Vinkkejä hyvän blogipostauksen luomiseen sekä hakukone optimointi (SEO)



Hyvä blogi on visuaalinen ja selkeä. Sitä kirjoitetaan intohimolla ja hyvällä kielellä. Hyvässä blogissa on myös hyvät kuvat. Jos aiot aloittaa bloggaamisen, lue ensin nämä vinkit.

Valitse hyvä aihe

Intohimoaiheesta riittää kirjoitettavaa.
Löydä oma ääni ja tyyli.
Mieti kirjoituskieli. Englanniksi blogillasi on enemmän lukijoita myös Suomen ulkopuolella. Pohjoismaisetkin blogit ovat ruotsin kielen takia hyvin verkostoituneita.
Vaikein kohta. Tsekkaa blogipalveluiden kautta mitä on vapaana.
Valitse ymmärrettävä nimi ja nettiosoite (URL).
Valitse nimi.


Päätä otsikko


Tämän on oltava merkityksellinen, mitä googlettaja etsii? 
Otsikko on terminä hakukoneopitimoinnissa sanana title. Otsikko/title toimii ns keywordina eli avainsanana jonka pitää esiintyä otsikossa, leipätekstissä, alaotsikoissa, kuvissa, kuvatekstissä ja tunnisteessa. Näin ollen googlettaja tavoittaa juuri sinun blogisi
Käytä avainsanana aina perusmuotoa, koska google ei tunnista taivutusmuotoja. Liikaa avainsanaa ei kannata käyttää koska sillon google heittää sinut hakukoneen pohjimmaiseksi  
Pääotsikossa saisi olla korkeintaan 70 merkkiä, ideaali olisi 60 merkkiä 


Päätä alaotsikot


Aloita kirjoittaminen myös alaosikolle sopivalla avainsanalla 
Avainsanoja voi olla samassa postauksessa useampia 
Tärkein löytyy kuitenkin pääotsikosta 


Hakukuvaus eli metadescription


Tämä on olennainen osa blogin näkyvyyden lisäämiseksi
Enintään 150 merkkiä pitkä hakukuvaus asiaan liittyvästä blogitekstistä on ensimmäinen asia jonka googlettaja näkee kun hän näppäilee googleen hakusanan 
Hakukuvauksen on oltava kiinnostava jotta lukija kiinnostuu ja klikkaa sivustolle 
Hyvä hakukuvaus tuo blogitekstin tärkeimmän asian esille, lisäksi se sisältää kehoituksen kuten lue lisää, osta tästä, nappaa vinkit jne...

Kirjoitusasussa on muutamia asioita joita on syytä ottaa huomioon ja tämä on erittäin tärkeä ja olennainen osa. 
Älä käytä lihavointia
älä venyttele 
älä suurentele itse tekstejä vaan 
käytä aina blogipohjan omia työkaluja. 
Nämä seikat ovat hakukoneoptimoinnin kannalta tärkeitä koska goole laittaa kirjoituksesi otsikot, alaotsikot, leipätekstit jne HTML koodauksen mukaiseen arvojärjestykseen. Listaan alle tasot. 

Pääotsikko (H1)
Otsikko(H2)
Alaotsikko (H3)
Pienempiotsikko (H4)
Normaali (p) eli leipäteksti

Listat 


Google on listojen ystävä

Listat on myös tärkeää tehdä blogialustan omilla työkaluilla koska hakukoneoptimoinnin kannalta ne HTML koodaantuu myös vain mikäli ne on tehty työkaluilla
Jos siis haluat näkyvyyttä saat sitä vain jos tekstin koodaus on googlen mieleen. 


Valokuvat/Havainnekuvat/Piirrokset


Kun on aika lisäillä tekstiin kuvia on niiden oltava korkeatasoisia teknisesti mutta myös esteettisesti silmää miellyttäviä sekä tietysti jollain tapaa tekstiin liittyviä. 

Kuva kertoo enemmän kuin tuhat sanaa. 
Kuva on myöskin nimettävä näkyvyyden lisäämiseksi. Jälleen kerran kun kuva on nimetty oikein niin google listaa ja googlettaja löytää. 
Kuvan koon tulisi olla n 1200px ja koko kuva saisi olla enintään 300 kilotavun kokoinen 


Taitto - Sommittelu

 Taittoon liittyvät asiat


RR(Proximity)

Rytmitä & ryhmitä


Niputetaan samankaltaisia asioita yhteen esim. 

paikka ja aika
esiintyjät
kuvaus tapahtumasta



Tila(white space, negative space)


Tyhjän tilan käyttö ja mitä haluat ilmaista
mikä pompahtaa esiin vai haluatko että jokin "katoaa sinne"



Linjaukset(alignment)

Grid

Mihin linjaukseen painottuu ja mitä halutaan korostaa

Ylä-,ala, keski, sivut




Kontrasti


Suuret kokoerot tekstissä ja kuvissa

värierot (mitä haluaa nostaa esiin)



Esitystapa/Fokus

Mitä haluat korostaa


tyylilaji
nimi
aika
väri 


torstai 20. elokuuta 2020

5 Kiinnostavaa blogia

 Sisältö ja ulkoasu

https://www.sisustusblogi.fi/

Kaikenkattava sistusblogi josta löytyy osiot jokaiseen kodin eri huoneeseen, löytyy

suuria kuvia ja selitykset selkeästi



https://omakotivalkoinen.casablogit.fi/

Erittäin selkeä, siisti sivu, valkoisella taustalla suuria kuvia, vain vähän tekstiä,

minimalistinen



https://www.kinuskikissa.fi/

Kattava reseptikirjasto, löytyy reseptejä moneen lähtöön, löytyy mitä etsii, isot

aloituskuvat, selkeät otsikot ja tekstit, paljon kuvia



https://www.hellapoliisi.fi/

Kattava reseptikirjasto, löytyy reseptejä moneen lähtöön, löytyy mitä etsii, isot

aloituskuvat, selkeät otsikot ja tekstit, paljon kuvia



Siistit ja selkeät sivut, valkoinen tausta, suuret kuvat, tuotteet esitelty hyvin ja kerrottu miten toimivat

tiistai 11. elokuuta 2020

Graafisen suunnittelun perusteet



Raster vs vektor 







Rasteri


-Painotuotteissa käytetty tekniikka värien esittämiseen pienten rasteripisteiden avulla.

-Suurentuu rakeisesti (esimerkiksi valokuva) 



Vektori


-Vektorigrafiikkaa käytetään esimerkiksi tietokoneavusteisessa suunnittelussa ja piirtografiikan tuottamisessa sekä kolmiuloitteisessa grafiikassa (laatu pysyy, loputtomasti suurennettavissa, selkeämpi kuva)

-Vektorigrafiikalla luodun kuvan kokoa voidaan muuttaa ilman, että kuvasta tulee rakeinen kuten bittikarttakuvasta suurennettaessa

-Kuvan muotoa voidaan muuttaa: esimerkiksi kiertää (rotaatio) koordinaatistossa. 

-Kuvan tallennuskoko riippuu kuvan yksityiskohtien määrästä pikselimäärän sijaan, minkä ansiosta vektorigrafiikka on resoluutioriippumatonta

-Tallennuskoko on yleensä pienempi kuin bittikarttagrafiikkaa sisältävillä tiedostoilla



Pinterest-taulu








-Pinterest-taulu on digitaalinen versio perinteisestä muistitaulusta. Voit lisätä siihen talteen mielenkiintoisia kuvia sekä linkkejä artikkeleihin, joihin haluat palata myöhemmin



Painovalmis tiedosto







käyntikortti, juliste, teippi, logo, brodeeraus yms.




Mittayksikkö mm
Väriavaruus CMYK (ei ole niin paljoa väri vaihtoehtoja)
Bleed (eli värin "ylivuotoalue") 3mm (tai kysy painolta mikä on ok!)
Resoluutio 300px/inch (latausnopeus)
Tallennusmuoto ai. (muokattava) pdf. 
nimeäminen kampaamo_kayntikortti_bleed_3mm_90mm_x_50mm.ai.pdf

CMYK=Cyan, Magenta, Yellow, Kmusta



Julkaisuvalmis tiedosto







Sähköinen ympäristö
joka on mm. Sähköposti, sosiaalinenmedia, Instagram, Facebook, verkkokaupat, logot



Mittayksikkö on PX
Väriavaruus Rpg #000000 #fffff (laaja värivalikoima)
Resoluutio 72pixel/inch (latausnopeus)
Tallennus aina ai. (voi muokata) .jpg (normaali) png. (läpinäkyvä pohja) gif. (liikkuva)
nimetään samallatavalla kuin painovalmistiedosto ks alta.

RPG= Red, Green, Blue




Tiedostokoko








K (Kilot)




-Kuvan tiedostokoko on digitaalinen koko, joka mitataan kilotavuina (kt)

(Tiny Png) Tinypng.com







-Liittyy julkaisuvalmiiseen

-Kuvan tiedostokoko on suoraan verrannollinen kuvan pikselimittoihin. Paljon pikseleitä sisältävät kuvat sisältävät tietyssä tulostuskoossa paljon yksityiskohtia mutta käyttävät myös paljon levytilaa, joten niiden muokkaaminen ja tulostaminen saattaa olla hidasta. Kuvan resoluutio onkin kompromissi kuvan laadun (tarvittavan tiedon määrän) ja tiedostokoon välillä.

-Toinen tiedostokokoon vaikuttava tekijä on tiedostomuoto. GIF-, JPEG-, PNG- ja TIFF-tiedostomuodoissa käytetään eri pakkausmenetelmiä, minkä vuoksi samat pikselimitat sisältävien tiedostojen koot saattavat vaihdella huomattavasti. Vastaavasti kuvan värien bittisyvyys sekä tasojen ja kanavien määrä vaikuttavat tiedostokokoon.



M (Megat)




-Kuvan tiedostokoko on digitaalinen koko, joka mitataan megatavuina (Mt)

(We transferilla saa siirrettyä isoja tiedostoja, wetransfer.com) sekä (FTP toimii tässä myös)




-Liittyy painovalmiiseen



Tiedoston nimeäminen







-Nimessä ei voi käyttää: ä,å,ö,#,?,>,/...(erikoismerkkejä), välilyöntejä




-Alaviivalla erotellaan



-Mallilla 

asiakas_tuote_koko




-Tiedostot tallennetaan eri nimillä, riippuen mihin tiedosto on menossa(nimessä sopivat tiedot) ja ne erotellaan tarkasti




-Niistä selviää esimerkiksi tehdyn "käyntikortin" leveys ja pituus

Width=W
Height=H

kivijalka_oy_kayntikortti_w90_h50mm




Arkkikoot








A-sarja

A0 841 x 1189 mm
A1 594 x 841 mm
A2 420 x 594 mm
A3 297 x 420 mm
A4 210 x 297 mm
A5 148 x 210 mm
A6 105 x 148 mm
A7 74 x 105 mm



Resoluutio









-Resoluutio vaikuttaa bittikarttakuvan yksityiskohtien tarkkuuteen 

-Ilmaistaan pikseleinä(px) tuumalla (inch). Mitä enemmän pikseleitä on tuumalla, sitä suurempi on resoluutio. 

-Yleensä suuremman resoluution kuva on tulostettuna parempilaatuinen.


CMYK + RGB + # (Hex-arvo)







CMYK


-CMYK on yksi kuvatiedostoissa ja painotuotteissa käytettävistä väritiloista. Lyhenne CMYK 

tulee englannin sanoista Cyan (syaani), Magenta (magenta), Yellow (keltainen) ja Key (avainväri eli musta). 

-Väriavaruus tarkoittaa niitä värejä, joita käytetään sekä valokuvia että piirustuksia tallennettaessa, esitettäessä, tulostettaessa ja painettaessa.

-Kuvia tallennetaan CMYK-muodossa yleensä vain tulosteissa ja painotuotteissa käyttämistä varten, koska CMYK- väriavaruus ei sovellu esimerkiksi kuvien näyttämiseen tietokoneen näytöllä.

-CMYK-avaruuden perusvärit on valittu kuvien paperille painamiseen soveltuviksi. Tätä väriavaruutta käytetäänkin pääasiassa painotuotteissa, jolloin puhutaan neliväripainosta.




RGB


-Tietokoneiden näytöt käyttävät yleensä kolmiväristä RGB-värimallia

- väritila, jossa eri värejä muodostetaan sekoittamalla keskenään punaisen, vihreän ja sinisen väristä valoa. 

-Värimallin nimi juontuu näiden päävärien englanninkielisistä nimistä: red, green, ja blue




# HEX







-Sekä HEX- että RGBA-arvoilla voi määrittää värit HTML ja CSS koodissa.

-Yleisesti ottaen HEX on helppokäyttöisempi, sillä se on lyhyempi. 

-Joissakin tapauksissa on kuitenkin parempi käyttää RGBA:ta, sillä sen avulla voi myös määrittää peittävyyden. Tästä voi olla hyötyä, jos taustaväristä halutaan kirkkaampi tai 
huomaamattomampi.



Esimerkiksi
One.comin vihreän HEX-värikoodi on seuraavanlainen: #77a345
Sama väri RGBA:ssa näyttää tältä: (119, 163, 69)
Jos haluat 50 % peittävyyden RGBA-väriin, tulos näyttää tältä: (119, 163, 69, 0.5)