Etusivu » ”Donuts Wheels”: ideasta valmiiseen tuotteeseen

”Donuts Wheels”: ideasta valmiiseen tuotteeseen

Tietoja verkkosivuston luomisesta Donuts Wheels -ruokaautolle. Donuts Wheels on kuvitteellinen yritys, joka on erikoistunut munkkeihin ja kahviin.

Projektin tavoitteena oli luoda toimiva ja kätevä verkkoresurssi, joka edustaisi tehokkaasti brändiä ja auttaisi houkuttelemaan asiakkaita. Sivuston työskentelyn aikana tehtiin suunnittelua, rakennetta ja sisältöä koskevat päätökset, joita käsittelen tarkemmin alla.

Päätavoite

Projektin päätehtävänä oli luoda Donut Wheels -ruokaautolle informatiivinen ja käyttäjäystävällinen nettisivu, joka kiinnittäisi potentiaalisten asiakkaiden huomion. Tavoitteena oli luoda yksinkertainen ja selkeä design, joka korostaa brändin makeaa teemaa. Lisäksi sivusto piti mukauttaa mobiililaitteille, koska suurin osa käyttäjistä saa tietoa älypuhelimien kautta.

Aluksi minulla oli aiemmin kehittämäni logo, brändin yritysvärit ja useita mallikuvia, jotka edustavat logoa mediassa. Halusin, että näitä materiaaleja kehitetään edelleen.

Suunnittelu

Muotoilu on valittu lämpimillä väreillä herättämään assosiaatiota kahviin ja tuoreisiin munkkeihin. Värit ja fontit on valittu vastaamaan brändin estetiikkaa ja luomaan mukavuuden tunteen.

Ennen työn aloittamista analysoin kohdeyleisön ja kilpailijat.

Mitä tulee kohdeyleisöön, nämä ovat ihmisiä liikkeellä, ja on tärkeää ymmärtää heidän odotuksensa sivustolta. Siksi hyvä ratkaisu on yksinkertainen ja nopea pääsy sivuston tärkeisiin tietoihin.

Mitä tulee kilpailijoihin, katsoin tässä artikkelissa esiteltyjä food truck -sivustoja.

Kilpailijoiden analyysi auttoi tunnistamaan verkkosivustojen rakenteen suunnittelun vahvuudet ja heikkoudet sekä erottumaan joukosta samankaltaisten yritysten joukossa.

Tekniset ratkaisut

Teema

Sivusto perustui ilmaiseen Attar-teemaan, mikä osoittautui erittäin hyväksi päätökseksi, koska räätälöintimahdollisuuksia on monia. Muutin painikkeiden ja otsikoiden väriä yritystyyliin sopivaksi.

Fontit

Sivuston tekstiosaan käytin paria fonttia: Nunito (painikkeille ja otsikoille) ja Inter (leipäteksti). Nunito on muodoltaan pyöreä, mikä sopii hyvin yritystyyliin ja logoon. Inter on helppolukuinen ja sopii hyvin otsikkofontin kanssa.

Painikkeiden suunnittelu

Asetin myös painikkeet solid fill-asetuksiin ja kulma pyöristetään samalla tavalla. Tämä auttoi luomaan entistä enemmän johdonmukaisuutta yritysidentiteetin kanssa.

Tekstit ja kuvat

Kaikki päätekstit ovat minun luomiani, paitsi blogiartikkelit. Käytin GPT-chatia artikkeleiden luomiseen.

Pohjimmiltaan otin kuvat täyttämään sivustoa kuvapankeista (unsplash.com, pixeles.com). Valokuvat rajasin ja prosessoin sivuston tyyliin sopivaksi.

Kahvikuppiin sopivan kuvan löytäminen oli vaikeaa, joten käytin kuvan luomiseen sisäänrakennettua tekoälyä.

Sivuston rakenne

Sivusto suunniteltiin niin, että asiakkaat löytävät nopeasti tarvitsemansa tiedon. Kotisivulla on lyhyt kuvaus ruokaautosta, ruokalista ja yhteystiedot. Myös sosiaalisen median integraatioita on lisätty. Sisällön pääpaino on visuaalisia elementtejä: kuvia munkkista ja kahvista.

Footer

Haasteita ja ratkaisuja

Yksi suurimmista haasteista oli luoda houkutteleva, mutta yksinkertainen sivusto, joka ei kuormittaisi käyttäjiä. Minun edessä oli valinta monitoimivuuden ja minimalismin välillä ja valitsin jälkimmäisen vaihtoehdon, koska Foodtrackille on tärkeää, että asiakas saa nopeasti tietoa tuotteista ja sijainnista.

Header

Päätelmät ja tulokset

Valmis projekti täyttää täysin asetetut tavoitteet. Sivusto on helppokäyttöinen, ulkoasultaan esteettinen ja välittää tehokkaasti Donut Wheels -brändin filosofiaa. Tämä kokemus antoi minulle mahdollisuuden kehittää taitojani web-suunnittelussa sekä paremmin ymmärtää asiakkaiden tarpeet.