Siirry sisältöön
FIEN
titta@studiotitta.fi050 5003879

FinDera Consulting

Selkeyttä, luottamusta ja harkittua liikettä asiantuntijabrändille

Yrityksen verkkosivusto suunniteltiin tukemaan asiantuntijabrändiä, jossa selkeys, luottamus ja laadukas visuaalisuus kulkevat rinnakkain.

FinDera Consultingin verkkosivuston englanninkielinen etusivu, jossa otsikko "Your connection to sustainable Europe" kuvan päällä.

Lopputuloksena syntyi moderni kokonaisuus, jossa hienovaraiset animaatiot, parallax-liike ja huolella viimeistellyt yksityiskohdat tekevät käyttökokemuksesta elävän ilman, että ne vievät huomiota itse sisällöltä.

Jokainen sivu suunniteltiin ohjaamaan kävijää luontevasti eteenpäin – tutustumaan palveluihin, referensseihin ja ottamaan yhteyttä.

Lähtökohta

Asiakkaan aiempi sivusto oli rakennettu valmiille alustalle, eikä se kertonut yrityksen osaamisesta sitä, mitä se ansaitsi. Uuden sivuston tehtävä oli tehdä pitkästä kokemuksesta näkyvää ja helposti lähestyttävää.

Ratkaisu

Sivuston rakenne rakennettiin kävijän polun ympärille: mitä hän haluaa tietää ensin, mitä sen jälkeen ja missä kohtaa yhteydenotto on luontevaa. Typografia, tyhjä tila ja hillitty liike tukevat tätä kulkua.

Sisällöt eriytettiin koodista, jotta asiakas voi päivittää tekstejä itse. Kolmikielisyys toteutettiin niin, että suomenkielinen sisältö toimii myös ilman JavaScriptiä ja indeksoituu hakukoneisiin täysin.

Projektin tiedot

  • Verkkosivuston suunnittelu
  • UI / UX
  • Brändi-ilme
  • Responsiivinen toteutus
  • Scroll- ja parallax-animaatiot
  • Yhteydenottolomake
  • Hakukoneoptimointi (SEO)
  • Kolme kieltä: suomi, saksa, englanti
  • Julkaisualusta: Netlify

Toimiala

Kiertotalouden ja uusiutuvan energian asiantuntijayritys

Etusivun avautuminen. Tunniste, otsikko, ingressi, painikkeet ja luvut nousevat näkyviin porrastetusti, otsikon alle piirtyy vihreä alleviivaus ja painike kirkastuu osoittimen alla.
Ylätunnisteen logomerkki pyörii hitaasti paikallaan. Liike on niin verkkainen, ettei se häiritse lukemista – mutta se tekee ylätunnisteesta elävän heti ensimmäisestä sekunnista.
Sivuston saksankielinen versio: osio, jossa numeroidut kohdat esittelevät yrityksen toimintatavan.
Sisältöosiot rakennettiin hiusviivojen ja tyhjän tilan varaan, jotta pitkätkin tekstit pysyvät luettavina. Kuvassa saksankielinen versio – pitkätkin saksan sanat asettuvat samaan rakenteeseen ilman erillisiä sovituksia.
Projektit-sivun referenssikortteja kuvineen ja tietoineen.
Referenssit esitellään korteissa, joihin asiakas voi lisätä uusia projekteja itse.
Sivuston etusivu puhelimen näytöllä.
Mobiilinäkymä suunniteltiin omana kokonaisuutenaan – ei kavennettuna työpöytäversiona.

Seuraava projekti

Amrita Gian

Katso projekti

Rakennetaanko seuraava yhdessä?

Kerro lyhyesti mitä olet suunnittelemassa, niin katsotaan yhdessä mikä olisi järkevin tapa edetä.

Ota yhteyttä