Portfolio v4

Port-folio avStianBakkane

Bakkane Design & Mediawww.bakkanedesign.no

In case of interest, please respond to:

As a reward:

Stian [email protected]+47 936 96 286

Sjekk portfolioen!

4.

Om meg ..................................... 5

Webdesign ................................. 6

PHP / MySQL og AJAX ........... 24

Interaksjonsdesign .................. 26

Grafisk + kunder ...................... 32

Kontakt ..................................... 44

Inn-hold

Hei. Mitt navn er Stian Bakkane, og jeg lager ting. Websider, webapplikas-joner og design av firmaprofiler.

Sagt med få ord innehar jeg kunnskap om mye rart innenfor feltet design.

Sagt med litt flere ord behersker jeg konsepter som inkluderer: HTML(5), CSS(3), JavaScript, jQuery, PHP, MySQL, Photoshop, Illustrator og in-Design.

Når det kommer til erfaring har jeg høstet det fra flere kilder. Det hele startet som Medier & Kommuni-kasjon-elev ved Risør Videregående Skole. Mens jeg studerte i Risør fikk jeg en deltidsjobb ved reklamebyrået Sell & Syversen. Her jobbet jeg med alt fra små, lokale bedrifter, til større travere. I tillegg til dette grunnla en kamerat og jeg en ungdomsbedrift

som fokuserte på oppussing av lokale bedrifters firmaprofil. Dette gikk bra.

Etter dette flyttet jeg til Oslo for å stu-dere Interaktiv Design ved NITH. Jeg har også opprettet et enkeltmanns-foretak (Bakkane Design og Media), som allerede har fullført store prosjek-ter med bravur.

For spesifikk info og eksempler an-befaler jeg en gjennomlesing av dette dokument.

Ommeg

5.

6.

Når det gjelder webdesign er det alltid vanskelig å definere hva som er bra. Noen synes artisktiske, stilrene og estetisk vakre sider er de beste, mens andre setter pris på et funsk-jonelt design som er lett å bruke.

Jeg har vært borti de fleste må-tene å designe en nettside på, og derfor har jeg plukket ut noen ek-sempler som dekker både artistiske nettsider, samt store, funskjonelle portaler med høy interaksjonsverdi.

Poke a Friend

Teknologi: HTML, CSS, PHP, og MySQL.

Hvorfor: Morsomt lite eksperiment.

Beskrivelse: Pokeafriend. com var et slags eksperiment / morsomt tids-

fordriv. Poenget med siden var å se hvor lang denne listen med pokers kunne bli ut i fra en enkelt kilde (meg).

Rent teknisk startet jeg, som web-master, å poke folk ved å skrive inn e-post-adressen til mottakeren. Så fikk mottakeren en e-post med en kode som han/henne kunne bruke til å logge inn og poke sine venner.

Web-design

8.

PhotoshopAid.net

Teknologi: HTML, CSS, PHP, og MySQL.

Hvorfor: Nettcommunity for design-entusiaster.

Beskrivelse: PhotoshopAid.net er den første ordentlig nettsiden jeg lagde, i en alder av 17 år. Her kunne folk finne belærende artikler omhandlende mul-timediadesignprogrammer som Flash, inDesign, Illustrator og - selvfølgelig - Photoshop.

I tillegg til disse artiklene var det også mulig å bli medlem ved å registrere seg. Som medlem fikk man mulighet til å lagre favoritt-artikler, skrive egne, samt dele erfaringer med andre likes-innede.

10.

NITHs Studierådgiver

Teknologi: HTML og CSS.

Hvorfor: Skoleprosjekt

Beskrivelse: Eksamensoppgave hvor vi skulle lage en veileder for fremtidige studenter ved NITH.

Vi valgte å gå for en tradisjonell per-sonlighetstest med en moderne vri.

For oss var brukervennlighet og effek-tivitet viktigst. Jeg har stått for:

- Design- Grunnide- Infrastruktur/Oppbygging- Navigasjon

kred.nu

Teknologi: HTML5, CSS3, JavaS-cript, jQuery, PHP, og MySQL.

Hvorfor: Sosialt nettsted med fokus på ny, kredibel musikk.

Beskrivelse: kred.nu er et prosjekt jeg jobber med på fritiden, hovedsaklig for å få brukt JavaScript- og jQuery-

kunnskapene mine i praksis. Det er en side med stor fokus på burkervennli-ghet og integrasjon med sosiale medier som Facebook og Twitter.

Om den blir lansert, gjenstår å se.

12.

nations

Teknologi: HTML5, CSS3, JavaS-cript, jQuery, PHP, og PDOMySQL.

Hvorfor: Rett og slett et spill jeg alltid har hatt lyst til å spille selv.

Beskrivelse: Nations er et sosialt mas-sivt online nettleserspill (si det høyt tre ganger) jeg begynte på høsten 2011.

Spillet går ut på å styre ditt fiktive land mot makt og rikdom i en verden av andre likesinnede herskere med mer eller mindre samme misjon. Her er det viktig å forvalte naturessurser og mil-itær makt på veien mot å bli en fryktet eller elsket supermakt.

14.

24.

Det er kult å lage fine og vakre nett-sider, men det er enda kulere å kunne bruke dem - som jeg pleier å si.

Jeg har gode kunnskaper i både PHP og MySQL, og tar i bruk begge teknologiene i de fleste nettløsningene mine.

For å eksemplifisere dette slenger jeg med noen eksempler:

PhotoshopAid.net

- Publiseringssystem.- Sikker brukerregistrering.- Mulighet til å forandre design på brukerprofil.- Brukerblogger.- Brukergenererte RSS-feeds.- Søkefunksjon.- Mulighet for å se hvem som er online

og aktive.- Personlige bildegallerier.- Trophy- og Achievementsystem (Lenge før XBOX ).

FootballWiki

- Stor database med spillere, lag, byer, trenere, ligaer, land... Egentlig alt som har med fotball å gjøre.- Wiki-system.- AJAX for enklere registrering av data.

kred.nu

- Omfattende og smart AJAX-auto-complete-søkefunksjon.- Facebook connect.

PHP / MySQL og AJAX

26.

Nettsider, apps, mobiltelefoner, PCer, Macer, iPhone! Disse begrepene har én ting til felles. Kanskje til og med fler, men i dette tilfellet er det bare ett spesielt konsept som passer seg. Inter-aksjonsdesign!

Hva er det som gjør Apples iPhone til verdens mest populære telefon? (Kilde mangler, men for eksempelets skyld kan vi anta såpass.) Er det telefonens design? Ja. Er det app-mangfoldet? Jupp. Er det symbiosen mellom Apples andre produkter, som Mac og iPad? Yes, helt sikkert.

Selv om alle disse eksemplene er gode argumenter for å velge seg en iPhone ved neste mobilinnkjøp, er de ver-diløse uten et helt kritisk, überviktig og majestetisk avgjørende element; nemlig et skikkelig godt brukergrens-esnitt.

Jeg har studert interaksjonsdesign ved NITH i tre år nå, og fullførte min bachelorgrad ved å utvikle en sosial kommunikasjonsplattform for NKI Nettstudier. I tillegg til tegning av wireframes/mockups og utvikling av brukergrensesnitt, kodet jeg store del-er av applikasjonens front- og backend (HTML, CSS, JavaScript, PHP og data-basespørringer).

Kommunikasjons-plattform for NKI

Steg 1 (Første mockups): Klikkbare wireframes tegnet jeg i Cacoo.

Steg 2 (HTML-prototype): For å kunne brukerteste de avanserte funksjonene trengte vi mer enn en klikkbar mop-ckup, derfor utviklet jeg en HTML/JavaScript-prototype.

Steg 3 (Brukertesting av prototype): Testingen ble gjort av et utvalg tilfeld-ige NKI-studenter. Tilbakemelding-ene la grunnlaget for videre utvikling av prototypen.

Steg 4 (Design og utvikling av ferdig løsn-ing).

Interaksjons-design

27.

1.

2.

3.

28.

4.

29.

JazzPicker from JazzScene.fm

Som del av en skoleoppgave våren 2012 designet jeg konsept og grens-esnitt for en mobilapplikasjon med navn JazzPicker. Dette er en app ment for å skape økt interesse rundt jazz-musikk.

Konseptet går ut på at applikasjonen genererer spillelister med jazz, utifra hvilken stemning du ønsker å oppnå.

I utviklingen av konsept og mockupsforfattet jeg brukerscenarier for å kartlegge behov i forhold til de situ-asjoner som oppstår når jazzmusikk hadde vært på sin plass.

32.

Jeg har alltid hatt en sterk interesse for farger og typografi. Jeg kan sitte i timesvis på fritiden og lete etter den perfekte fonten. Det samme gjelder farger.

REAS

Før jeg flyttet til Oslo jobbet jeg en del med firmaet REAS. For dem har jeg designet profil, visittkort og nettside.

I utgangspunktet het dette firmaet Risør Engineering AS, men de ønsket

et litt mer internasjonalt snitt, så jeg anbefalte dem å endre navn til REAS. REAS ville ha en logo som spiller på det faktum at de er fra sørlandsbyen Risør. Siden firmaets grunnlegger er en ivrig seiler, ville han også ha med noe maritimt i logoen.

Hydor

Hydor er et annet firma jeg har jobbet en del med. De startet opp i 2010 og driver med Marine & Energy Insurance.

For dem utformet jeg firmaprofilen og nettsiden.

Logoen representerer maritim for-sikring, noe tverrsnitet av en kjøl un-derstreker.

Grafiskog kunder

38.

KONSEPT-

SKISSE!

41.

KONSEPT-SKISSE!

Og takk til deg for at du tok deg tid til dette dokumentet. Jeg håper du fant innholdet interessant.

Hvis det er tilfellet, kan jeg kontaktes ved hjelp av disse moderne metoder:

Stian [email protected]

+47 936 96 286

Takkfor meg

Portfolio v4

Documents

Transcript of Portfolio v4