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

Storyanalytica

Verkkosivusto keynotelle, joka herättää kysymyksen

Storyanalytica on FT Ari Hiltusen asiantuntijabrändi ja hänen Vaikutuselämys®-keynotensa koti. Sivusto on keynoten traileri: se herättää kysymyksen ja jättää vastauksen saliin.

Storyanalytican etusivu: tummalla pohjalla nimikortti VAIKUTUSELÄMYS® ja alaotsikko Vaikuttamisen salainen supervoima. Oikealla valokiila paljastaa Aristoteleen marmorisen rintakuvan kasvot.

Storyanalytica on FT Ari Hiltusen asiantuntijabrändi ja hänen Vaikutuselämys®-keynotensa koti. Lähtökohta oli poikkeuksellinen: sivuston piti herättää kysymys eikä vastata siihen. Sovimme jo alussa, että sivusto on keynoten traileri eikä sen tiivistelmä. Oivallus tapahtuu salissa, ei verkossa.

Koko ilme rakentuu yhden ajatuksen ympärille: valokiila, joka paljastaa vain osan. Etusivun avauksessa valo avautuu kapeasta raosta Aristoteleen kasvoille kävijän vierittäessä, ja kun tarina siirtyy Aristoteleesta Hollywoodiin, kasvot hajoavat sirpaleiksi. Sama valo toistuu kirjojen kansissa, Arin muotokuvassa ja holvikäytävän päässä.

Liike on osa kerrontaa, ei koriste. Teksti vaihtuu omassa tahdissaan, jotta sen ehtii lukea, vaikka vieritys jatkuisi. Jos kävijä on pyytänyt laitteeltaan vähemmän liikettä, sama sisältö näkyy rauhallisena ilman animaatioita.

Arvoituksellinen sivusto on riski, jos kävijä ei ymmärrä, mitä voi tilata. Siksi selkeys rakennettiin kolmeen kerrokseen. Navigaatio, sivun otsikko ja jakolinkki kertovat heti, että kyse on keynotesta. Ensimmäinen suora lause tulee kohdassa, jossa valot kirjaimellisesti syttyvät. Lopussa on kaikki käytännön tieto kestosta ja kielistä tilaisuuden räätälöintiin.

Arin neljä kirjaa neljällä kielellä tekevät asiantuntijuuden näkyväksi ilman pitkää ansioluetteloa. Valokuvaukselle laadittiin brief, jossa kaikille kuville määriteltiin sama valokieli. Valokuvat ja kirjankannet kuvasi Mirkku Merimaa / Ihana Elämys.

Keynoten englanninkielinen nimi ja tavaramerkit olivat projektin aikana vielä auki, joten nimi tehtiin yhdeksi muutettavaksi arvoksi. Kun nimi tai merkki vaihtuu, se päivittyy kaikkialle sivustolle, myös sivujen otsikoihin ja jakolinkkeihin. Sivusto on suomeksi ja englanniksi, ja sen rakenteinen tieto kertoo hakukoneille ja tekoälyhauille, kuka Ari on, mitä kirjoja hän on kirjoittanut ja että Vaikutuselämys® on tilattava keynote.

Ari päivittää sisällöt itse, suoraan sivulla. Tekstiä klikataan siinä kohdassa, jossa se näkyy, ja muutos tallennetaan sivun alalaidasta. Kirjautuminen tapahtuu sähköpostiin tulevalla kertalinkillä, eikä salasanaa tarvita.

Sivusto on nähtävissä osoitteessa storyanalytica.com.

Projektin tiedot

  • Verkkosivuston konsepti ja suunnittelu
  • Visuaalinen ilme ja liikesuunnittelu
  • UI / UX
  • Responsiivinen toteutus
  • Suomen- ja englanninkieliset versiot
  • Kuvausbrief valokuvaajalle
  • Kirjankansien rajaus ja suoristus
  • Yhteydenottolomake
  • Tietosuojaseloste
  • Saavutettavuus ja liikeherkkyyden huomiointi
  • Evästeetön kävijämittaus
  • Hakukoneoptimointi (SEO) ja rakenteinen tieto
  • Sisältöeditori asiakkaalle: koko sivusto muokattavissa
  • Oman verkkotunnuksen käyttöönotto
  • Julkaisualusta: Vercel

Toimiala

Keynote-esitykset ja vaikuttamisen tutkimus

Tyylikäs, toimiva ja professionaali. Näin totesi sivustoa kommentoinut raati. Titta on oivaltanut, suunnitellut ja toteuttanut todella hienosti ideani ja toiveeni siitä, millainen Storyanalytican sivusto olisi parhaimmillaan.

FT Ari Hiltunen, Storyanalytica
Avauksen käänne: kun tarina siirtyy Aristoteleesta Hollywoodiin, vanha kuva hajoaa ja tilalle tulee tutkimusmatka. Kohtaus etenee vierityksen tahdissa.
Etusivun ensimmäinen näkymä: kysymys Mistä vaikuttamisen todellinen voima syntyy? Oikealla kapea valorako Aristoteleen kasvoilla.
Sivusto alkaa kysymyksestä. Valosta näkyy aluksi vain kapea rako, joka levenee kävijän vierittäessä.
Vaalea osio, jossa otsikko Aristoteleesta Hollywoodiin – ja vaikuttamiseen ja neljä kirjankantta rivissä nimineen ja kustantajineen.
Kohta, jossa valot syttyvät: sivuston ainoa vaalea osio. Neljä kirjaa neljällä kielellä kertovat ilman yhtään lausetta, että taustalla on pitkä tutkimustyö.
Ari Hiltusen esittely: muotokuva, jossa hän katsoo olkansa yli reppu selässään vanhan tiilirakennuksen pihalla, ja valo hehkuu holvikäytävän päässä. Vieressä lainaus ja esittelyteksti.
Arin muotokuvassa sama valo odottaa holvikäytävän päässä. Valokuvat: Mirkku Merimaa / Ihana Elämys.
Keynote-sivun alku: nimikortti VAIKUTUSELÄMYS®, alaotsikko ja teksti Yleisö ei vain kuuntele tätä esitystä. Se kokee sen. Taustalla himmeä valokeila.
Keynote-sivu syventää kysymystä ja kertoo lopussa kaiken käytännön tiedon kestosta kieliin.
Etusivun nimikortti puhelimen näytöllä: teksti on koko leveydellä ja Aristoteleen kasvot himmeinä sen takana.
Puhelimella valokiila siirtyy tekstin taakse, ja kirjainten oma hehku pitää tekstin luettavana.

Seuraava projekti

FinDera Consulting

Katso projekti

Rakennetaanko seuraava yhdessä?

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

Ota yhteyttä