Webflow vs Framer

Framer on uusi tuttavuus nocode-alustojen keskuudessa. Sen logiikka on lähellä Figman kaltaisia suunnittelutyökaluja, mikä tietenkin madaltaa kynnystä sivujen tekemiseen.

Janne Parri Blogi
Janne Parri
Julkaistu
2.5.2021
Päivitetty
3.3.2023
VS
Janne Parri Nettisivut taustaJanne Parri Nettisivut taustaJanne Parri Nettisivut taustaJanne Parri Nettisivut taustaJanne Parri Nettisivut taustaJanne Parri Nettisivut taustaJanne Parri Nettisivut taustaJanne Parri Nettisivut tausta

webflow'n parhaat puolet

1. Visuaalinen vapaus ilman koodausta

Webflow mahdollistaa täysin kustomoitujen sivujen rakentamisen ilman koodausosaamista. Tämän vuoksi moni suunnittelija ja luova toimisto on vaihtanut jäykemmistä alustoista Webflow'hun. Niin ja tämäkin sivu on rakennettu Webflow'lla.

2. Tyylikkäät interaktiot ja efektit

Webflow'ssa on sisäänrakennettu interaktio-ominaisuus. Sen avulla voit tehdä näyttäviä efektejä, jotka käynnistyvät esimerkiksi skrollatessa, klikatessa tai hoveroidessa.

3. Mahtava CMS

CMS eli content management system mahdollistaa esimerkiksi blogit. Niiden lisäksi voit tehdä paljon muutakin. Teen itse toistuvasti työntekijälistoja, palvelulistoja ja laskeutumissivupohjia.

4. Helppo sisällöntuotanto ja editointi

Webflow'ssa on helpompi käyttöliittymä sisällöntuottajille. Sen kautta voit todella helposti muokata verkkosivun tekstejä ja lisätä vaikka blogikirjoituksia.

Framerin parhaat puolet

1. Canvas

Framerin Drag & Drop -käyttöliittymä on hyvin intuitiivinen ja tuntuu tutulta, jos olet koskaan käyttänyt Figman kaltaista suunnitteluohjelmaa. Moni käyttääkin Frameria nopeisiin testaustarpeisiin sivuuttaen erillisen suunnitteluvaiheen. Framer tarjoaa myös valikoiman valmiita komponentteja ja pohjia auttaakseen käyttäjiä pääsemään alkuun.

2. Tekoäly

Framerin tekoälyominaisuus mahdollistaa nopean aloituksen projektillesi. Voit kirjoittaa toiveesi tekstikenttään ja katsoa, kun sivu rakentuu silmiesi edessä. Vastaavia ominaisuuksia ilmestyy varmasti muillekin alustoilla, mutta Framer oli ensimmäisten joukossa.

webflow'n huonot puolet

1. Isot muutokset vaativat alustan opettelua

Webflow mahdollistaa täysin kustomoitujen sivujen rakentamisen ilman koodausosaamista. Tämän vuoksi moni suunnittelija ja luova toimisto on vaihtanut jäykemmistä alustoista Webflow'hun. Niin ja tämäkin sivu on rakennettu Webflow'lla.

2. Verkkokauppa-ominaisuus vaatii kehitystä

Webflow'ssa on sisäänrakennettu interaktio-ominaisuus. Sen avulla voit tehdä näyttäviä efektejä, jotka käynnistyvät esimerkiksi skrollatessa, klikatessa tai hoveroidessa.

3. Suljettu alusta

CMS eli content management system mahdollistaa esimerkiksi blogit. Niiden lisäksi voit tehdä paljon muutakin. Teen itse toistuvasti työntekijälistoja, palvelulistoja ja laskeutumissivupohjia.

Framerin huonot puolet

1. Uusi ja vielä kehittyvä

Framer on varsin uusi alusta ja tämä näkyy ominaisuuksissa tai niiden puutteessa. Integraatioita on rajoitetusti, joskin joitain merkittäviä alustoja löytyy jo listalta (esim. HubSpot ja Calendly). HTML & CSS ovat myös haastavasti muokattavissa.

2. Ei opeta webin perusteita

Siinä missä Webflow toimii vahvasti HTML & CSS logiikalla, Framer ei juurikaan tutustuta käyttäjää näihin toimintamalleihin. Tähän liittyen Framerissa elementit sijoitatetaan udein canvakselle kiinteillä arvoilla, mikä ei ole parhaita käytäntöjä.

Webflow vs Framer
Hinta ja kulut

Webflow
Framer
Domainin hinta
Domain hankitaan erikseen ja se on periaatteessa saman hintainen kaikille alustoille
n.
15
€ / vuodessa
n.
15
€ / vuodessa
Alustan hinta
Alustoja on maksullisia ja ilmaisia.
n.
23
€ / kk
n.
14
€ / kk
Palvelintilan hinta
Eli se webbihotelli. Joskus palvelin on sisällytetty alustan hintaan.
0
€ / kk
n.
0
€ / kk
Tarvittavat lisäosat
Arvio niiden lisäosien kuluista, jotka tarvitset fiksun sivun pystyttämiseen.
0
€ / kk
n.
0
€ / kk
Yhteensä
n.
24
€ / kk
n.
15
€ / kk

Framer Basic

Webflow vs Framer
Hakukone­optimointi

Framerissa voit muokata helposti URL-osoitteita ja metatietoja. Tekniset kikkareet (sitemap.xml- ja robots.txt) generoidaan automaattisesti ja päivityksistäkään ei tarvitse huolehtia.

Framer sisältää myös työkaluja semanttisten ja ID-tunnisteiden käyttämiseen sivulla. Lisäksi sivut on optimoitu ja latautuvat nopeasti.

Webflow vs Framer
Tietosuoja

Suosittelisin Webflow'ta...

Webflow toimii monenlaiselle yritykselle. Parhaiten se sopii sinulle, joka haluat tehdä visuaalisesti näyttävätä sivut. Webflow toimii hyvin myös ammattilaisten työkaluna. Jos siis teetät sivut jollain muulla, Webflow on usein hyvä myös siinä tilanteessa. Tällöin ylläpito on helppoa ja pääset lisäämään tarvittavat sisällöt itse.

En suosittelisi Webflow'ta, jos tarkoituksesi on tehdä verkkokauppa tai monimutkaisempi verkkosovellus.

Suosittelisin Frameria...

Toistaiseksi Framer sopii nopeisiin ja "helppoihin" projekteihin. Alusta kehittyy kovaa vauhtia ja varteenotettavia käyttötarkoituksia tulee varmasti lisää ajan kanssa. Yksi hyvä käyttötarkoitus on myös nopeat prototyypit. Mikäli halua testata konseptia nopeasti oikealla sivulla, Framer saattaa olla juuri oikea valinta.

Jutellaanko alustoista?

Ei hätää, en ole mikään myyntitykki. Olen korkeintaan innostunut nörtti. Pistä vaan viestiä tulemaan, niin jutellaan ihan rennosti. Jos haluat tarkkoja lukuja, voit suoraan pyytää tarjousta täältä.

Viestisi lähti mallikkaasti matkaan! Vastailen siihen pikimmiten.
Oops! Jokin meni vikaan. Viitsisitkö vielä tarkistaa kentät ja kokeilla uudestaan.