Naar de inhoud

Framer

Een Framer-website voor je merk, je werk of je campagne

Framer is een platform waarin een website wordt ontworpen en gepubliceerd. Het past bij sites waar beeld en vormgeving het verhaal dragen, met een CMS voor wat je zelf bijhoudt. Wat Framer niet zelf doet, zeggen we er meteen bij.

Framer is sterk waar de vorm het werk doet

Deze pagina is voor wie een site wil waarin het merk, het werk of een campagne voorop staat: een studio, een merk met een duidelijke beeldtaal, een portfolio, een lancering. Het probleem is dan zelden de techniek, maar een site die er in het ontwerp goed uitzag en na de bouw niet meer.

In Framer ontwerpen en publiceren we in dezelfde omgeving. Wat je daarna zelf bijhoudt, zoals projecten, artikelen of vacatures, zet je in het CMS.

Wat het CMS van Framer kan

Genoeg voor de meeste merk- en portfoliosites, binnen de grenzen van het abonnement.

Collecties en detailpagina’s

Een collectie is een lijst van gelijksoortige items, zoals projecten, met velden voor tekst, beeld, datum en verwijzingen. Elk item krijgt een eigen pagina, en lijsten kun je filteren en sorteren.

Vertaling

Framer heeft ingebouwde vertaling, zodat dezelfde site in meer talen kan verschijnen.

Inhoud van buitenaf

Het CMS kan synchroniseren met Google Sheets en Airtable, en je kunt een CSV-bestand importeren. Met de Server API kan een script van buitenaf het project bijwerken en publiceren; dat is een ingang voor beheer, geen code die voor bezoekers draait.

Grenzen per abonnement

Elk abonnement heeft een grens aan het aantal pagina’s, collecties en CMS-items. We zetten die in het voorstel naast wat je site nodig heeft, nu en over een paar jaar.

Wat Framer niet zelf doet

Wil je een van deze functies, dan komt er een tweede systeem bij. Dat staat dan zo in het voorstel, met de kosten ervan.

Serverlogica voor bezoekers

Framer draait geen eigen code op een server wanneer een bezoeker iets doet. Code components draaien in de browser. Een berekening met gegevens die geheim moeten blijven, of een formulier dat iets in je eigen systemen wijzigt, vraagt dus een aparte dienst of een eigen webapp.

Klantaccounts en portalen

Inloggen per gebruiker zit niet in Framer zelf. Het kan via plug-ins of componenten van derden; een echt klantportaal met eigen gegevens per klant bouwen we als aparte webapp.

Een eigen webshop

Framer heeft geen eigen winkel. Plug-ins van derden kunnen een Shopify-winkel aan de site koppelen; afrekenen, voorraad en bestellingen blijven dan in Shopify. Die plug-ins hebben eigen kosten en voorwaarden, en we noemen ze in het voorstel bij naam.

Drie sites die goed bij Framer passen

Mogelijke toepassingen, geen uitgevoerde opdrachten.

Een portfolio dat je zelf aanvult

Probleem

Nieuw werk komt er pas maanden later op, omdat elke projectpagina met de hand opgemaakt moet worden.

Oplossing

Een collectie Projecten met vaste velden voor beeld, opdracht, rol en jaar. Een nieuw project is een nieuw item; de pagina en de plek in het overzicht volgen vanzelf.

Betrokken gegevens

Projecten, beelden, categorieën en eventueel verwijzingen naar diensten.

Nut

Nieuw werk staat online in de opmaak van de rest, zonder ontwerper erbij.

Hangt af van

Hoeveel projecten en beelden er komen, en of dat binnen de grens van het abonnement blijft.

Landingspagina’s voor een campagne, in twee talen

Probleem

Voor elke campagne is er haast, en de pagina wordt steeds opnieuw in elkaar gezet, in het Nederlands en het Engels apart.

Oplossing

Een set vaste secties waarmee een nieuwe landingspagina snel samen te stellen is, met de ingebouwde vertaling voor de tweede taal.

Betrokken gegevens

Teksten per taal, beelden, en de velden van het aanmeldformulier.

Nut

Een nieuwe campagnepagina past bij het merk, en de vertaling hoort bij dezelfde pagina.

Hangt af van

Waar aanmeldingen naartoe moeten, want een formulier dat gegevens in je eigen systemen zet, vraagt een koppeling buiten Framer.

Een merksite met een kleine winkel erbij

Probleem

Het merk staat centraal, maar er moeten ook een paar producten te koop zijn.

Oplossing

Een Framer-site voor het merk, met een Shopify-winkel eraan gekoppeld via een plug-in van derden. Afrekenen, voorraad en bestellingen lopen via Shopify.

Betrokken gegevens

Producten en voorraad in Shopify, merkverhaal en beeld in Framer.

Nut

De site houdt de vorm van het merk, en de verkoop loopt via een platform dat daarvoor is gemaakt.

Hangt af van

Welke plug-in het wordt, wat die kost, en of het assortiment klein genoeg blijft om in deze vorm te beheren.

Framer past bij sommige sites heel goed, bij andere niet

Dit past als

  • Je site draait om merk, beeld of werk

  • Je houdt een overzichtelijke hoeveelheid inhoud zelf bij in een CMS

  • Je wilt landingspagina’s snel kunnen samenstellen

  • Je site hoeft geen gegevens per bezoeker te verwerken

Dit past minder goed als

  • Je hebt een klantportaal of inlog per gebruiker nodig

  • De winkel is de hoofdzaak en niet een onderdeel

  • Je site moet berekeningen of acties op een server uitvoeren

  • Je verwacht meer inhoud dan de grenzen van het abonnement toelaten

Past Framer niet, dan kijken we naar WordPress of Webflow voor een site met veel inhoud, naar Shopify als de winkel voorop staat, of naar een app op maat naast de site.

Van ontwerp naar een site die je zelf bijhoudt

  1. Inhoud en grenzen. Welke pagina’s, welke collecties, hoeveel items en welke talen, getoetst aan het abonnement.

  2. Ontwerp in Framer. We ontwerpen direct in Framer, zodat wat je ziet ook de site is, op telefoon en computer.

  3. CMS en onderdelen. Collecties met vaste velden en secties die je kunt hergebruiken.

  4. Tweede systeem, als het nodig is. Een gekoppelde winkel, een formulierdienst of een webapp, met een beschrijving van waar welke gegevens staan.

  5. Controle en overdracht. Nalopen op schermformaten, toetsenbord en snelheid, en uitleg over het CMS. De site gaat live op je eigen domein.

Wat we nodig hebben voor een voorstel

Bij Framer draait het voorstel om je inhoud en om wat de site moet doen.

  • Wat de site moet laten zien, en voor wie

  • Welke inhoud je zelf gaat bijhouden, en hoeveel ongeveer

  • Of er meer talen komen

  • Of er iets verkocht, ingelogd of berekend moet worden

  • Beeld en teksten die al klaarliggen

  • Pas bij de bouw: toegang tot het Framer-project via een eigen account dat jij toevoegt, niet via je wachtwoord

Wat een Framer-site kost, en wat erbij kan komen

Op de prijspagina staan twee pakketten voor een website: Start, met maximaal vijf inhoudspagina’s, en Groei & SEO, met maximaal tien pagina’s en een blog- of projectoverzicht. Het Framer-abonnement betaal je zelf. Een gekoppelde winkel of een eigen webapp valt niet in die twee pakketten; daarvoor maken we een eigen voorstel. Deze factoren bepalen het bedrag.

  • Ontwerp. Het aantal paginatypen en secties met een eigen ontwerp.

  • CMS. Het aantal collecties en velden, en hoeveel inhoud er overgezet moet worden.

  • Talen. Of er vertaald moet worden, en door wie.

  • Tweede systeem. Een gekoppelde winkel, inlog van derden of een eigen webapp.

Terugkerende kosten

  • Het Framer-abonnement, passend bij pagina’s en CMS-items

  • Domein

  • Plug-ins of diensten van derden, zoals een gekoppelde winkel

  • Onderhoud en aanpassingen volgens afspraak

Bekijk de pakketten Start en Groei & SEO

Vragen over Framer

Kan ik zelf teksten en projecten aanpassen?

Ja. Wat in het CMS staat, pas je zelf aan. Welke delen van de pagina’s je buiten het CMS wijzigt, spreken we af en leggen we uit bij de overdracht.

Wat als ik later een klantportaal of inlog nodig heb?

Dan komt er een tweede systeem naast de site, zoals een inlogdienst of een eigen webapp. De Framer-site hoeft daarvoor niet weg.

Kan ik op mijn Framer-site verkopen?

Via een plug-in van derden die een Shopify-winkel koppelt. Afrekenen en bestellingen lopen dan via Shopify. Voor een klein assortiment werkt dat; is de winkel de hoofdzaak, dan ligt een webshopplatform meer voor de hand.

Verder na Framer

Laat zien wat je merk of werk moet uitstralen

Een paar voorbeelden, je inhoud in grote lijnen en wat de site moet kunnen: dan zeggen we of Framer past, of wat er naast Framer nodig is.