700merkkiä jäljellä! Tyhjennä lomake

Portfolio
of
Ari Johansson

Tervetuloa web suunnittelija Ari Johanssonin web-portfolioon

  • Tervetuloa web-portfoliooni.

    Minä ja verkkosivustot.

    Kiitos etukäteen kiinnostuksesta web-portfoliotani kohtaan. Tällä web-portfolio sivustolla kerron kuka olen, mitä teen sekä esittelen mitä tähän mennessä olen web puolella tehnyt.

    Portfolio of Ari Johansson on yksisivuinen verkkosivu jossa idea on seuraavanlainen. Kerran selaimeen ladattua verkkosivua ei tarvitse sivustossa liikkumisen aikana ladata uudestaan sivun vaihdon yhteydessä.

    Toivottavasti kun olet käynnyt läpi portfolio sivustoni, syntyisi tunne että voisit tarjota minulle töitä. Olen kiinnostunut kaikesta pikku verkkosivu päivityksestä vain taivas rajana projekteihin.

    Minä ja verkkosivustot on kuin autonasentaja ja autot. Minä, kuten ei autonasentajankaan ei tarvitse suunnitella tai tehdä itse osia verkkosivuun/autoon, vaan osat saa kätevästi maailmalta jolloin ne asennetaan sellaisenaan tai muokataan tarkoituksen mukaiseksi.

    Oli verkkosivussa kyse päivityksestä tai kokonaan uuden teosta olen etsimäsi henkilö hommaan. Intohimoni on verkkosivujen erillaiset tekniset toteutukset ja uudet innovaatiot. Myös sivutekniset ongelmat ovat suuri kiinnostuksen kohde niiden tuoman tieto/taitotason kehityksen takia.

    Suunnitelmia mutta ei toteutus kumppania?

    Itsellä ainakin on kaikenlaisia ideoita verkkototeutuksista, mutta en yksin pysty niitä toteuttamaan. Niinpä etsin myös henkilöä jonka kanssa voisi toteuttaa projekti luontoisesti joka voi olla verkkosivustoja, verkkokauppoja tai joitain muita verkkosovelluksia. Jos asuinpaikkasi on Hamina / Kotka aina parempi.

    Otathan yhteyttä jos sinulla on joku idea, mutta ei toteutus kumppania niin katsotaan ollaanko samalla aaltopituudella web asioista.

  • Kuka on Ari Johansson

    Olen 45-vuotias web suunnittelija naimisissa oleva kolmen lapsen isä. Asuin kuntani on Hamina jossa olen myös koko ikäni asunut.

    Käännekohta elämässäni oli vuoden 2005 alussa rakennettuani ensimmäisen pöytätietokoneeni irto-osista. Tämä johti myöhemmin opiskelun aloittamisen saman vuoden lopussa.

    Se että web suunittelu on minun juttuni selvisi jo opiskeluaikana 2007 alussa, jonka jälkeen olen melko intensiivisesti tutkinut web-ohjelmointi tekniikoita. Vasta 2009 lopussa alkanut satunnainen työskentely Nettiagentti Oy:lle herätti ajatuksen päätoimisesta web-suunnittelu työstä.

    Koulutus

    Koulutukseni on Informaatioteknologiapalveluiden ja markkinoinnin Datanomi. Opiskelupaikkana oli Etelä-Kymenlaakson ammattiopisto Haminan kampus. Opiskeluaika oli 2005 syksy - 2008 kevät.

    Kuka on Ari Johansson ?

  • Web-suunnittelija Ari tähän asti

    Tähän mennessä olen toiminut web-suunnittelijana Nettiagentti Oy:llä, jossa olen ollut tekemässä pari verkkosivua sekä yhden verkkokaupan. Omia projekteja on takana useita joista jotkut ovat jo netistä poistuneetkin.

    Web-suunnittelija Ari nyt

    Tällä hetkellä (6.4.2011) minulla ei ole web-suunnittelijan töitä, joten teen omia web-projekteja. Omia projekteja on käynnissä kaksi kappaletta joista toinen tulee Websitebaker sisällönhallintajärjestelmällä ja toinen on arvostelusivusto jossa mysql on keskeisessä roolissa.

    Web-suunnittelija Ari tulevaisuudessa

    Web-suunnittelija Ari Johansson takana paljon kaikenlaisia projekteja. Töitä täysipäiväisesti.

    Mitä web-suunnittelija Ari tykkää tehdä

    Mukavinta web-suunnittelussa on joku verkkosivuun/verkkokauppaan tuleva toiminto tai muu vastaava jonka toteutus tavasta ei ole tietoakaan.

    Tämän jälkeen pääsee etsimään, tutkimaan ja soveltamaan löydettyä sovellusta, etenkin jos kyseinen sovelluksen muutokset eivät tahdo onnistua, olen tilanteessa mistä pidän.

    Kaiken lisäksi uusia ja itselle tuntemattomia sovelluksia ongelmineen tutkimalla oppii enemmän kuin voisi kuvitella. Olen sinnikäs pirulainen joka tekee minkä on päättänyt eikä luiki siitä mistä aita on matalin.

    Käyttämäni ohjelmointikielet

    HTML (Hypertext Markup Language) Osaan erittäin hyvin.

    CSS (Cascading Style Sheets) Osaan erittäin hyvin.

    PHP (PHP: Hypertext Preprocessor) Osaan sen verran sopivasti, että voin muokata ja soveltaa valmista koodia.

    JAVASCRIPT Osaan sen verran sopivasti että voin muokata ja soveltaa valmista koodia.

    AJAX (Asynchronous JavaScript And XML) Osaan välttävästi ja pystyn soveltaa ja muokata valmista koodia.

    MYSQL Osaan sen verran sopivasti että voin muokata ja soveltaa valmista koodia.

    Käytössä olevat työväline ohjelmistot

    Dreamwiever CS5 ja Photoshop CS5

  • www.piwetech.fi

    Piwetech

    Työnantaja:

    Piwetech Oy

    Toimeksianto:

    Kotisivut Internet näkyvyyden lisäämiseksi.

    Työnkuva:

    Ulkoasun suunittelu sekä toteutus.

    Case piwetech.fi

    Piwetech Oy:llä ei ollut kotisivuja, joten sellaisen hankinta oli tarpeellinen. Lähtökohtana Internet näkyvyyden lisääminen ja uusien asiakkaiden saaminen.

    Ulkoasu suunnittelu

    Piwetech Oy:n kotisivujen ulkoasun suunnittelu aloitettiin teema ideasta putket.

    Muuta huomioitavaa

    Verkkosivu teknisesti koostuu html ja css ohjelmointi tekniikoista, koska tarkoitus oli pitää verkkosivu mahdollisemman yksinkertaisena.
    Julkaistu 17.8.2009

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1280 x 720 ylöspäin.

  • www.hetiadvising.com
    Heti advising

    Työnantaja:

    NettiAgentti Oy

    Toimeksianto:

    Kotisivu juuri perustetulle Heti advising asiantuntijayritykselle.

    Sisällönhallintajärjestelmä:

    Websitebaker

    Työnkuva:

    Mukana ulkoasun suunnittelussa + ulkoasun implementointi Websitebaker:iin.

    Case hetiadvising.com

    Heti advising verkkosivuston toivomuksena oli Art Deco -tyylisuunta, selkeyttä, yksinkertaisuutta ja tyylikkyyttä. Verkkosivusto piti tuottaa myös kaksikielisenä.

    Ulkoasu suunnittelu

    Ulkoasun suunnittelu tapahtui tiimityönä, jonka lopputuloksesta eli verkkosivu layout:ista tein asennuspaketin Websitebaker:iin.

    Heti advising teknisesti

    Koska kyse on sisällönhallintajärjestelmästä ei Heti advising verkkosivussa ollut koodaustyötä paljoakaan. Ainoastaan verkkosivun valikko/menu joutui muokkauksen kohteeksi johtuen verkkosivun kaksikielisyydestä.
    Julkaistu 29.1.2011

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS PHP JAVASCRIPT

    Näyttöresoluutiot

    Verkkosivu toimii resoluutiosta 1280 x 800 ylöspäin.

  • Halera Oy kotisivut

    Halera

    Työnantaja:

    Halera Oy

    Toimeksianto:

    Juuri perustetulle henkilöstövuokraus yritykselle kotisivut.

    Työnkuva:

    Ulkoasun suunittelu sekä toteutus.

    Case halera.fi

    Juuri perustettu henkilöstövuokraus yritys, tarvitsi näkyvyyden lisäämiseksi kotisivut itselleen.

    Ulkoasu suunnittelu

    Lähtökohtana perus yksinkertainen yritys kotisivu.

    Muuta huomioitavaa

    Kotisivujen yhteydessä toimeksiantona oli myös logo, käyntikortti ja mainos layerien suunnittelu.
    Julkaistu 17.3.2008

    Sivusto optimoitu selaimille

    Mozilla Firefox Opera web browser Internet Explorer

    Käytetyt ohjemointikielet

    HTML CSS

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1280 x 720 ylöspäin.

  • www.arifin.fi
    Arifin

    Työnantaja:

    NettiAgentti Oy

    Toimeksianto:

    Omistaja vaihdoksen myötä uusi omistaja halusi venetarviketehtaalle uuden verkkokaupan.

    Kauppa alusta:

    MyCashflow

    Työnkuva:

    Ulkoasun implementointi sekä verkkokaupan customointi/modifiointi.

    Case arifin.fi

    Verkkokauppa MyCashflow alustalla design ulkoasu sekä reipas modifikaatio siinä lähtökohdat arifin.fi verkkokaupalle. Allekirjoittaneen osuus ulkoasun implementointi verkkokauppaan ja modfikaatioden teko.

    ULKOASU suunnittelu

    Arifin verkkokaupan ulkoasun toimitti Servemedia Oy.

    MyCashflow

    Mycashflow verkkokauppa web-suunnittelijan näkökulmasta katsoen on aika simppeli, mutta vaatii todella hyvää html ja css osaamista. Mycashflow verkkokauppa ulkoasu siis muotoillaan html, css ja interface tageja käyttäen. Näin ollen tyylitiedostot ovat melko muhkean kokoisia.

    Yhteenveto

    Oli mahtava kokemus olla osana tiimiä, tämän kokoluokan projektissa. Projektissa oli työntilaajaa, kääntäjää, kuvaajaa, ulkoasu suunnittelijaa ja NettiAgentin tiimi jossa sain olla mukana. Lisää tämän luokan töitä!
    Julkaistu 12.9.2010

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS PHP JAVASCRIPT

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1280 x 720 ylöspäin.

  • www.arifin.fi/page/4/kauppiaat
    Arifin

    Työnantaja:

    NettiAgentti Oy

    Toimeksianto:

    Arifin.fi verkkokauppaan jälleenmyyjä kauppiaat kartta.

    Työnkuva:

    Kauppiaat kartan suunnittelu ja toteutus.

    Case arifin.fi - Arifin kauppiaat kartta

    Koska Arifin tuotteilla on jälleenmyyjiä oli loogista, että verkkokauppaan tulisi osio jossa Arifin tuotteiden jälleenmyyjä kauppiaat esiteltäisiin.

    Kartan suunnittelu ja toteutus

    Arifin kauppiaat kartan suunnittelu lähti ajatuksesta Suomen kartta + vähän parempi kartta kuin naapurilla. Arifin kauppiaat kartta on tehty Adobe Photoshop CS avulla, mutta javascript(ajax) antoi lopullisen toiminnon.
    Julkaistu 12.9.2010

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjelmointikielet

    HTML CSS JAVASCRIPT

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1280 x 720 ylöspäin.

  • Asuntoagentti lomakkeet kotisivuilla

    Asuntoagentti lomakkeet Facebookissa
    Asuntoagentti

    Työnantaja:

    NettiAgentti Oy

    Toimeksianto:

    Asuntoagentti.info verkkosivulle sekä Asunto Agenttien Facebook sivuille vinkkaa lomakkeet.

    Työnkuva:

    Lomakkeiden tekninen suunnittelu ja toteutus.

    Case asuntoagentti.info / Facebook - Vinkkaa lomakkeet

    Kymen Asunto Agentti ky LKV on edukseen muista erottuva kiinteistövälitystä harjoittava yritys sijainti paikkana Hamina. Asunto Agentit ymmärtää markkinoinnin merkityksen mitä tulee yrityksen näkyvyyteen ja Asunto Agentit todellakin näkyy.

    Lomakkeiden suunnittelu ja toteutus

    Asunto Agenttien vinkkaa lomakkeiden lähtölaukaus lähti Asunto Agentti Teijo Korpelan päästä, josta idea siirtyi NettiAgenttien suunnittelupöydälle ja tuotantolinjalle lopputuloksena toimiva email sovellus.
    Julkaistu 30.7.2011

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjelmointikielet

    HTML CSS JAVASCRIPT

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1280 x 720 ylöspäin.

  • www.pelikolikko.fi
    Pelikolikko

    Työnantaja:

    Oma poika (10v)

    Toimeksianto:

    Pojalleni oma pelisivu.

    Softa:

    Php Arcade Script

    Työnkuva:

    Ulkoasun muokkaus valmiista sivupohjasta sekä sisällön muokkaus.

    Case Pelikolikko.fi

    10-vuotias poikani tykkää pelata netissä arcade tyyppisiä pelejä. Siitä syntyi idea voisiko rakentaa oman pelisivuston pojalle? Tulos kyllä voi!

    Ulkoasu suunnittelu

    PHP arcade scriptillä on valmiita ulkoasuja sisältörakenteineen, joita yhdistelemällä ja uutta lisäämällä syntyi pelikolikko.fi ulkoasu.

    Php Arcade Script - sisältö muokkaukset

    Pelikolikko.fi sisältörakenne sai paljon muutoksia valmiiseen ulkoasuun verrattuna. Tietokanta hakujen ja tulosten muokkaus, valikon uudistus, pelien lisäinfo, mutta suurin muutos tuli pelin valinnasta itse pelaamiseen.
    Julkaistu 7.1.2011

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS PHP JAVASCRIPT MYSQL

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1280 x 720 ylöspäin.

  • www.peliperhonen.fi
    Peliperhonen

    Työnantaja:

    Oma tytär (8v)

    Toimeksianto:

    Tytär halusi oman pelisivun.

    Softa:

    Php Arcade Script

    Työnkuva:

    Ulkoasun muokkaus valmiista sivupohjasta sekä sisällön muokkaus.

    Case peliperhonen.fi

    Pelikolikko.fi pelisivustoa tehdessä tempperamenttinen tyttäreni halusi oman pelisivuston, missä olisi pelejä vain tytöille.

    Ulkoasu suunnittelu

    PHP arcade scriptin valmis ulkoasu pinin muutoksin.

    Php Arcade Script - sisältö muokkaukset

    Peliperhonen.fi sisältörakenne muutokset pidin mahdollisimman pieninä, koska valmis ulkoasu oli riittävä. Tietokanta hakujen ja tulosten esittämisessä pieniä muutoksia.
    Julkaistu 5.2.2009

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS PHP JAVASCRIPT MYSQL

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1280 x 720 ylöspäin.

  • Portfolio of Ari Johansson kotisivu

    Ari Johansson

    Työnantaja:

    Ari Johansson

    Toimeksianto:

    Työnhaun tukena toimiva kotisivu.

    Työnkuva:

    Ulkoasun & tekninen sunnittelu sekä toteutus.

    Case ari-johansson.com

    Lähtökohtana portfolio verkkosivu jonka ulkoasu olisi yksinkertaisen tyylikäs että teknisesti erillainen mutta vaativa. Lopputuloksena yksisivuinen portfolio verkkosivu jossa näkyy tekijän tieto/taitotaso.

    Ulkoasu suunnittelu

    Ulkoasun suunnittelu lähti idean etsinnästä, jossa Google tarjosi osaamistaan. Kuten tavallista idean etsinnän aloittamisen ja löytämisen väliin mahtui suunnaton määrä verkkosivujen selailua ja suunnittelua.

    Verkkosivun tekninen sisältö

    Portfolio of Ari Johansson on yksisivuinen verkkosivu jossa on loppukäyttäjän selain että resoluutio tunnistus joka parantaa sivuston toimivuutta eri selaimissa ja näytöissä. Sivuston toiminta perustuu javascript (jquery, ajax) tekniikoihin php osuutta vähättelemättä. Verkkosivu on maustettu css3 tyylittelyllä tosin Ie:ssä ei css3 toimi kuin vasta versiossa Ie9.
    Julkaistu 5.4.2011

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS + CSS3 PHP JAVASCRIPT

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1152 x 864 ylöspäin.

  • www.ari-johansson.info
    Ari Johansson

    Työnantaja:

    Ari Johansson

    Toimeksianto:

    Työnhaun tukena toimiva web-käyntikortti.

    Sisällönhallintajärjestelmä:

    CMSimple

    Työnkuva:

    Ulkoasun & tekninen sunnittelu sekä toteutus.

    Case ari-johansson.info

    Web-käyntikortin tarkoitus on tutkia mahdollisemman yksinkertaisen sivun sijoituminen Googlen hakukoneessa, jossa vain muutama avainsana.

    Ulkoasu suunnittelu

    Ulkoasu käyntikorttimaisen yksinkertainen.

    Verkkosivun tekninen sisältö

    Web-käyntikortin takana on CMSimple sisällönhallintajärjestelmä, jota tässä tapauksessa on muokattu melko raskaalla kädellä.
    Julkaistu 20.5.2011

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS + CSS3 PHP JAVASCRIPT

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1152 x 864 ylöspäin.

  • www.yritykselle-kotisivut.fi
    Yritykselle kotisivut

    Työnantaja:

    Ari Johansson

    Toimeksianto:

    Työnhaun tukena toimiva verkkosivu.

    Työnkuva:

    Ulkoasun & tekninen sunnittelu sekä toteutus.

    Case yritykselle-kotisivut.fi

    Yritykselle kotisivut ovat tärkeä markkinointikanava joten suunnittelin yksinkertaisen verkkosivun, jossa perus infoa yritys kotisivuja suunnitteleville.

    Ulkoasu suunnittelu

    Ulkoasu mahdollisemman yksinkertainen ja konstailematon.

    Verkkosivun tekninen sisältö

    yritykselle-kotisivut.fi on teknisesti perus html + css painotteinen, jossa ripaus javascriptiä sekä php:tä mausteeksi.
    Julkaistu 23.6.2011

    Sivusto optimoitu selaimille

    Mozilla Firefox Apple Safari Opera web browser Internet Explorer Google Chrome

    Käytetyt ohjemointikielet

    HTML CSS + CSS3 PHP JAVASCRIPT

    Näyttöresoluutiot

    Optimoitu resoluutiosta 1152 x 864 ylöspäin.