Käyttöliittymät

Keltaisella taustalla oleva verkkosivu, jossa on violetti pullo jalustalla ja toistuva violetti pullojen kuvio.

Kokemusta käyttöliittymäsuunnittelusta meillä on poikkeuksellisen paljon: olemme viime 20 vuoden aikana suunnitelleet lukemattomia responsiivisia nettisivuja, verkkokursseja, mobiilipelien käyttöliittymiä – jopa Apple Vision Prolle. Visuaalisen suunnittelun lisäksi, pystymme myös rakentamaan nettisivuja alusta loppuun Webflow'lla. Näin saat täysin räätälöidyt, modernit ja käyttäjäystävälliset sivut nopeasti. Sivuja voit itse päivittää helposti 24/7.

Projektiesimerkit tällä sivulla

Lehtipiste.fi

Napaschool.fi

Kannettava tietokone, jossa avoinna NAPA Schoolin verkkosivu, ympärillä kirja, puhelin, rannekello, muistivihko ja hiiri pöydällä.

Nettisivuja

Työpaikkasivu, jossa hakutoiminto tehtävänimikkeen ja sijainnin mukaan, listattuja työpaikkoja kuvin ja tiedoin, sekä tietoa yrityksestä ja palveluista.

Rekyrtointiyritys Armstrongin nettisivut animoituine etusivuineen.

Kannettava MacBook Pro -kannettava, jonka näytöllä näkyy GEONA-verkkosivusto, jossa mainostetaan tervettä maaperää unelmakodille ja kehotetaan pyytämään tarjous.

Geonalle tehdyn nettisivuehdotuksen työpöytä- ja mobiilinäkymät.

Vapaus-verkkosivun aloitussivu, jossa iso otsikko 'Make a good move' ja kaksi painiketta työsuhdepyörille työnantajalle ja työntekijälle kuvalla, jossa söpö valkoinen hahmo pupunkorvilla.

Suunnittelimme Vapauden alkuperäiset nettisivut, blogin sekä verkkokaupan Webflow'lla.

Labrocin kotisivu, jossa on otsikko Rakentamisen elinkaaren laboratorio ja palvelualueet: asbesti ja haitta-aineet, sisäilma, betoni ja ympäristö.

Laboratorio Labrocin nettisivujen visuaalinen suunnittelu.

CDK Guide - kattava opas AWS Cloud Development Kitin käyttöön pilvi-infrastruktuurin rakentamiseksi koodina, sisältäen moduulit ydinperiaatteista edistyneisiin konsepteihin ja käytännön esimerkkejä.

CDK Guiden nettisivujen visuaalinen suunnittelu.

Projekteja

Asiakas

Lehtipiste

Lähtötilanne

‍

Riesen Designillä oli ilo osallistua Lehtipisteen nettisivujen uudelleen suunnitteluun yhteistyössä Pinton kanssa. Suunnittelimme uuden verkkopalvelun käyttöliittymän perustuen Lehtipisteen äskettäin päivitettyyn visuaaliseen ilmeeseen.

‍

Edellisten, vuonna 2016 suunniteltujen sivujen toiminnallisuudet olivat edelleen ajan tasalla, mutta käyttökokemus koettiin jäykäksi ja kankeaksi. Alusta piti myös päivittää, jotta sisältöjen hallinta olisi entistä sujuvampaa.

‍

Ratkaisu

‍

Suunnittelimme laadukkaat ja selkeästi navigoitavat sivut, jotka ilahduttavat ja palvelevat tasavertaisesti kaikkia käyttäjäryhmiä.

‍

Riesen Design teki

‍

Käyttöliittymäsuunnittelu
Rautalangat/käyttäjäpolut

‍

Projektisuunnittelu: Pinto

Tekninen toteutus: Coredo

Haaste

‍

Ei elämyksellisyyttä tai inspiraatiota, katalogimainen ilme.

Ratkaisu

‍

Rikotaan tuotteiden ruudukko tuomalla houkuttelevia, valokuvallisia tuoteryhmänostoja etusivulle.

Lehtien kansikuvia ja hintoja, mukaan lukien Iltalehti, Ilta-Sanomat, Kunto Plus, Daphne's Diary, Mountain Bike, Linux Magazine UK, Allas, Aeroplane Monthly, Fly Fishing & Fly Tying, Året Runt, Das Neue Blatt ja Svensk Damtidning.

Haaste: ei elämyksellisyyttä tai inspiraatiota, katalogimainen ilme

Poika istuu sohvalla nauraen ja pitäen kortteja kädessään, alla viehättäviä keräilykorttipaketteja kuten Super Mario ja Hello Kitty.

Ratkaisu: rikotaan tuotteiden ruudukko tuomalla houkuttelevia,
valokuvallisia tuoteryhmänostoja etusivulle

‍

Haaste

‍

Hankala navigointi, kankea haku ja sorttaus.

Ratkaisu

‍

Yksinkertaistetaan navigointi: tuotelistausta suodatetaan reaaliaikaisesti tuoteryhmävalikolla, haulla ja kielellä.

Verkkokaupan valikko ja etusivu, jossa näkyy Mindful Mandalas -värityskirja ja useita tuotekategorioita.

Haaste: hankala navigointi, kankea haku ja sorttaus

Verkkokaupan aikakauslehtien ja kirjojen etusivu, jossa näkyy hakupalkki, kielivalikko ja kategorioita vasemmalla.

Ratkaisu: yksinkertaistetaan navigointi: tuotelistausta suodatetaan
reaaliaikaisesti tuoteryhmävalikolla, haulla ja kielellä

‍

Haaste

‍

Elähtänyt ilme, joka ei edusta Lehtipistettä.

Ratkaisu

‍

Luodaan näyttävät ja raikkaat, uuden brändin mukaiset sivut.

Lehtipiste-verkkosivun etusivu, jossa näkyy lehtiä, kirjoja ja mainos, jossa teksti inspiraatiota hyvään oloon.

Haaste: elähtänyt ilme, joka ei edusta Lehtipistettä

Nainen istuu kahvilapöydän ääressä lukien lehteä, vieressä on kupillinen kahvia, taustalla Lehtipiste-verkkosivun käyttöliittymä.

Ratkaisu: luodaan näyttävät ja raikkaat, uuden brändin mukaiset sivut!

‍

Sovelluksen konsepti

Kaksi ihmistä lukemassa lehteä sohvalla, ja näyttö, jossa uudet lehdet ja lehtipistehaku kartalla.

Sovelluksen konsepti

Verkkosivun aikakauslehtivalikoima, jossa vasemmalla kategorioiden valikko ja oikealla erilaisten lehtien kansikuvat ja hinnat järjestettyinä ruudukkoon.

Sovelluksen konsepti

Lehtipisteen verkkosivun naisten aikakauslehtiosio, jossa on Me Naiset -lehden kansikuva, hinta 2,90 euroa ja tuoteinformaatio.

Sovelluksen konsepti

Sähköpostiosoitteen ilmoitusruutu tilaajille uudesta julkaisusta Lehtipisteen verkkosivulla.

Sovelluksen konsepti

Kuusi uutisartikkelin esikatselukorttia, joissa on otsikkoja ja kuvia, esimerkiksi pinottuja sanomalehtiä, mies lukemassa ja pinottuja kirjoja.

Sovelluksen konsepti

Kaksi älypuhelinta, joista vasemmassa näkyy Lehtipisteen verkkokaupan etusivu kuvineen ja tuotteineen; oikeassa puhelimessa Lehtipisteen valikko ja uutislehtiä.

Sovelluksen konsepti

Lehtipiste-verkkosivun mobiilinavigaatio, jossa valikko sisältää lehdet, sanomalehdet, kirjat, keräilytuotteet, muut tuotteet, kuluttajille, kumppaneille, uutiset, tietoa meistä ja yhteystiedot.

Sovelluksen konsepti

MacBook Pro, jossa näkyy Lehtipiste-verkkosivusto, johon sisältyy kuva hymyilevästä naisesta, joka lukee lehteä kahvipöydässä.

Sovelluksen konsepti

"Riesen Design suunnitteli Lehtipisteen verkkosivujen visuaalisen ilmeen, ja yhteistyö oli sujuvaa alusta alkaen. Liiketoimintamme erityispiirteet ja tarpeet tavoitettiin hyvin, ja sivuille onnistuttiin luomaan raikas, aikaa kestävä ilme, joka tukee erinomaisesti brändiämme. Sivut palvelevat meitä joustavasti asiakaskommunikaatiossa ja tekevät tiedon esittämisestä selkeää ja helposti lähestyttävää."

Anna-Leena Raita

Valikoimajohtaja, Lehtipiste

Projekti

Napa School

Lähtökohta

‍

Riesen Designillä oli ilo toteuttaa Napa Schoolin omat nettisivut Napa Agencyn mukavan porukan kanssa. Napa School on opetus- ja konsultointipalvelu, joka tarjoaa sisältöä niin taiteilijoiden luovaa panosta kaipaaville yrityksille, ammattilaistaiteilijoille kuin kuluttajillekin. Uusien nettisivujen kautta on helppoa varata live- tai etätyöpajoja, joiden aiheina ovat esimerkiksi kirjonta, kollaasi tai vaikkapa kasvomaalaus. Inspiraatiota voi myös hakea runsaasta kuvagalleriasta sekä Napa Schoolin Instagram-postauksista.

‍

Ratkaisu

‍

Sivut on toteutettu Webflow’lla – työkalu, joka mahdollistaa täysin räätälöityjen nettisivujen toteutuksen ilman koodaamista. Webflow tuottaa silti hyvin puhdasta koodia taustalla ja sivuille voi lisätä omaa räätälöityä koodia tarvittaessa. Näin suunnittelijalla pysyy täysi hallinta layout-vaiheesta lopputulokseen asti ja sisällön päivittäminen on asiakkaalle helppoa.

‍