VISA RIKALA

ValikkoValikko

VISA RIKALA

ValikkoValikko

005

005

005

005

·

2025

Agency

Helsinki

KATSO LIVENÄ ↗︎

Ravegull

Ravegull

"...nyt pitää ylittää ja yllättää itseni! Kun puhutaan näin laadukkaasta ja karismaattisesta äänisuunnittelusta, niin siihen on vaikea mätsätä sivustolla, mutta uskon silti että tällä kertaa siinä päästiin vähintään todella lähelle. Kaikki lähti myös tämän sivuston kanssa huolella valitusta fontista. Sen pitää puhua samaa kieltä yrityksen viestin kanssa."

SELAA ↓

01 — TIEDOT

TOIMIALA

Agency

TOIMIPAIKKA

Helsinki

VUOSI

2025

TYYPPI

Brändi + äänisuunnittelutoimiston sivusto

TAGIT

Typografia · Visuaalinen ilme · Framer-kehitys

VERKKOSIVU

03 — TARINA

03

Tiesin heti kun otin tämän haasteen vastaan, että nyt pitää ylittää ja yllättää itseni. Kun puhutaan näin laadukkaasta ja karismaattisesta äänisuunnittelusta, niin siihen on vaikea mätsätä sivustolla, mutta uskon silti että tällä kertaa siinä päästiin vähintään todella lähelle.

Kaikki lähti myös tämän sivuston kanssa huolella valitusta fontista. Sen pitää puhua samaa kieltä yrityksen viestin kanssa. Tässä onnistuin mielestäni erittäin erittäin hyvin.

Tämän jälkeen laitoin sivustolle heidän muutaman videon ja aloin suunnitteleen, että mitä osioita sinne olisi tärkeä saada ja miten ne saadaan mahdollisimman mielenkiintoisesti esiteltyä. Vähän kuin biisiä rakentais — intron jälkeen kun tulee se droppi kertsiin, niin sen pitää aina jotenkin vähän yllättää. Sama se on näiden sivujen kanssa: lähdetäänkö heti näyttävällä hero-sectionilla (kertsillä) ja siitä sitten vähän kevyempään, helpommin luettavaan osioon (säkeistö).

Kun rakenne ja visuaalisuus oli suunniteltu, tuli aika animoida.

Tällä sivustolla on tyylikkäät scroll-animaatiot, joissa rullatessa tekstit liikkuvat horisontaalisesti vasemmalle ja oikealle. Se tuo mukaan jatkuvaa liikettä ilman että käyttökokemus menee raskaaksi.

Tähän vielä viimeisenä mausteena sticky sectionit, joissa kokonainen osio jää paikalleen ja seuraava liukuu sen päälle. Tässä kohtaa voidaan jo puhua oikeasti näyttävästä kokonaisuudesta.

Viimeistelyssä valittiin Framerista page transitioniksi ympyrän muotoinen lähestymistapa. Lisäksi lisäsin mouse hover -efektejä titleihin (otsikoihin), ja valikon menu-nappi (burger) on animoitu aukeamaan erittäin tyydyttävällä tavalla.

04 — VIDEO

Ravegull

05 — PALAUTE PROJEKTISTA

”Yhteistyö Visan kanssa oli sujuvaa alusta loppuun. Hän ymmärsi nopeasti, millaista kokonaisuutta haimme, eikä aikaa kulunut turhaan edestakaiseen säätöön.

Prosessi eteni tehokkaasti ja kommunikointi oli selkeää, mikä teki työskentelystä vaivatonta. Lopputuloksena saimme visuaalisesti vahvan ja brändiämme tukevan sivuston.

Visa ymmärtää hyvin kokonaisuuksia, joissa halutaan erottuva ja brändiä vahvistava lopputulos ilman raskasta prosessia – unohtamatta selkeää ja toimivaa käyttöliittymää.”

Heikki Petrell

Co-founder & Sound Designer

TYÖHAKEMISTO — 09 PROJEKTIA

Katso kaikki työt ↗︎

Katso kaikki työt ↗︎

Katso kaikki työt ↗︎

FOOTER

TAMPERE, SUOMI

SEURAAVA VAPAA ALOITUS — SYYSKUU 2026

© 2026 VISA RIKALA

FOOTER

TAMPERE, SUOMI

SEURAAVA VAPAA ALOITUS — SYYSKUU 2026

© 2026 VISA RIKALA