Zo stoer zijn one page websites (in 2023) ⋆ Stoere Binken Design (2024)

Zo stoer zijn one page websites (in 2023) ⋆ Stoere Binken Design (1)

Creative Director

René Verkaart

One page websites met de traditionele maatwerk website vergelijken is niet hetzelfde als een kat met een hond vergelijken, want het is een volledig ander beest. Maar wat is een one page website precies, wat zijn de voor- en nadelen en voor wie is dit type website interessant?

Inhoudsopgave van dit blog

  • 4 soorten websites
  • Wat is een one page website?
  • Storytelling on steroids
  • Veel meer dan ‘one page’
  • Slimme marketing strategie
  • Voorbeelden van onepagers
  • Content Management Systeem of niet?
  • One page website SEO en Google
  • Voor- en nadelen van een one page site
  • 4 UX-tips voor jouw professionele one page website

4 soorten websites

Webdesign is één van onze 3 expertises. Vanuit onze ervaring hebben wij 4 verschillende soorten websites gedefineerd, waarvan de one page website de eerste en ‘kleinste’ variant is:

  • One page website
  • Marketing website
  • Webshop
  • Corporate website

Wat is een one page website?

In tegenstelling tot een ‘standaard’ website waarbij je tussen verschillende pagina’s wisselt, staat bij een one page website alle content en functionaliteit op één lange webpagina.
Vanuit de navigatie word je niet doorgeleid naar een nieuwe pagina, maar naar een andere sectie op dezelfde webpagina door middel van ankerlinks (ook wel ‘Anchor’ genoemd). Je kunt deze locatie ook bereiken door te scrollen of te swipen. One page websites worden ook ‘onepagers‘ genoemd.

One page websites worden wel eens afgedaan als een aanpak voor start-ups die nog niet veel te vertellen hebben, een trend die voorbij gaat, of een slechte keuze voor het behalen van je marketingdoelstellingen.

Naar onze mening is een one page website het tegenovergestelde.Het is vaak een goed doordachte professionele en volwaardige maatwerk WordPress website die zo ingericht is dat de bezoeker snel een overzichtelijk aanbod krijgt, zij het over een bedrijf of een product. Onze onepagers worden niet hoofdzakelijk ingezet door startups of kleine bedrijven voor reclame- of marketing campagnes, maar hebben hun weg gevonden naar de commerciële bedrijven. Ook grotere bedrijven stappen vaker af van een multipage website en kiezen voor een ‘onepager’.

Storytelling on steroids

Storytelling wordt in de merkontwikkeling en marketing steeds belangrijker. Het vertaalt merkbeleving naar content en wordt daarom ook wel eens ‘contentmarketing‘, ‘branded content‘ of ‘brand journalisme‘ genoemd.Deze hippe toverwoorden zijn een modern begrip voor het eeuwenoude fenomeen van het vertellen van een verhaal, zowel in woord als beeld.

Storytelling in maatwerk websites is prikkelend, roept emotie op, is authentiek en persoonlijk. Maar wellicht het belangrijkst is dat het mensen verbindt. De aandachtspanne van de internet gebruikers wordt steeds korter en je moet meer moeite doen om ze te verleiden om je content te lezen. One page websites zijn hiervoor perfect geschikt en zijn vaak boegbeelden van storytelling in zijn beste vorm.

Klantbeleving staat voorop

You’ve got to start with the customer experience and work back toward the technology – not the other way around.

Steve Jobs

Veel meer dan ‘one page’

Naar onze mening zijn one page websites een startpunt en géén eindpunt. Ze zijn heel krachtige en uiterst geschikte oplossingen voor bepaalde klanten. Wij ontwerpen altijd onderscheidende responsive one page websites. Dit zijn maatwerk websites waarbij we ‘one page landingspagina’s’ maken.

Zo stoer zijn one page websites (in 2023) ⋆ Stoere Binken Design (2)

Hier lees je onze 8 tips voor jouw optimale landingspagina.

Als je een onepager wilt uitbreiden met meer content dan functioneren ze als lange visuele navigatie voor de marketing website. Je voegt dan nieuwe content pagina’s toe, zoals bijv. de Over Ons, Team, Blog, Product, Contact, etc. De oude onepager blijft dan bestaan als landingspagina.

Hier twee stoere voorbeelden van professionele websites waarvan je misschien niet zou denken dat het one page websites zijn, maar het is toch wel zo:

Koreman Exclusive Carpets website
MEIJS Motorman branding en website

Slimme marketing strategie

One page websites kunnen een slimme marketing strategie zijn. Sommige bedrijven maken bijvoorbeeld twee websites;

  • een rijke one page website en
  • een klassieke marketing website met meerdere pagina’s

Voorbeelden van onepagers

Google Agenda

De Google Agenda website is een mooi voorbeeld van een cleane onepager met een paar dynamische effecten. Een klik triggert een scrollbeweging naar de volgende “pagina”, in dit geval het volgende deel de productinformatie.

Wacom

Wacom heeft een prachtige one page site voor hun Intuos Pen tablets. De Wacom Intuos Pro onepager toont alle informatie die je als geïnteresseerden wilt weten. Van de product informatie, tot de accessoires en zelfs de webshop.
De pagina navigatie staat direct onder het hoofdmenu (rechts van het logo). Deze bevat de links naar de content van de marketing website. Het one page menu linkt met anchor naar de informatie op de Intuos Pro pagina. Een slimme strategie waardoor Wacom van deze pagina een op zichzelf staande stoere landingspagina maakt.

Zo stoer zijn one page websites (in 2023) ⋆ Stoere Binken Design (3)

Google Nest

Google Nest heeft een normale multipage website, maar zet onepagers in als Google Nest Learning Thermostat productpagina. Hierdoor wordt de website enorm verrijkt en ontstaat een visueel en inhoudelijk aantrekkelijk verhaal over hun product.

Zo stoer zijn one page websites (in 2023) ⋆ Stoere Binken Design (4)

Content Management Systeem of niet?

Veel one page websites bevatten content die niet of zelden verandert. Daarom is een Content Management Systeem (CMS) niet altijd nodig. Wij houden er op voorhand rekening of de klant zelf zijn professionele website wil beheren. Wij bouwen onze websites ook altijd zo dat toekomstige uitbreidingen niet tot onnodig hoge kosten leiden.

Door slim gebruik te maken van bestaande technieken (zoals bijvoorbeeld WordPress Widgets) en intelligente code kan een one page website heel gemakkelijk met een content management systeem worden beheerd. Het toevoegen van nieuwe inhoud is ook mogelijk, maar vraagt wel een opoffering van bepaalde visuele elementen van het ontwerp (denk aan vaste vlakverdelingen en vastgelegde sectie hoogtes).
Voor klanten met meer wensen en informatie maken we altijd een maatwerk marketing website.

Zo stoer zijn one page websites (in 2023) ⋆ Stoere Binken Design (5)

Meer info over onze responsive websites vind je in onze ‘maatwerk WordPress websites’ blog.

One page website SEO en Google

Door gebruik te maken van nieuwe technieken kan een one page website worden opgesplitst in losse navigatie items die door Google perfect geïndexeerd kunnen worden. Door een slimme aanpassing van de meta informatie is het zelfs mogelijk om de ‘description’ en ’title’ van een link (bijvoorbeeld ‘Portfolio‘ of ‘Contact‘) aan te passen aan de inhoud. Hierdoor lijkt het voor Google alsof een website uit losse onderdelen bestaat, terwijl deze in feite gewoon verwijzen naar een sectie op de one page site. Dat is natuurlijk optimaal voor de zoekmachine optimalisatie (SEO) en levert dezelfde voordelen op als een traditionele maatwerk website zou doen.

Voor- en nadelen van een one page site

De voor- en nadelen van een one-page site bespreken helpt om de verwachtingen en resultaten af te stemmen. Stoere Binken kiest alleen voor een one page website, als dit ook zinvol, praktisch én voordelig is voor jou als klant. We bepalen in overleg de marketing doelstellingen en adviseren jou om tot een passende oplossing te komen.

Voordelen

  • Focus: De website heeft veel meer focus omdat de content beperkt is tot de essentie. Dit maakt de boodschap maar sterker en is gemakkelijker om de aandacht van de bezoeker vast te houden.
  • Navigatie: De gebruiker kan heel eenvoudig alle content consumeren en hoeft niet door meerdere pagina’s te klikken. Op de computer kun je scrollen, op de mobiele apparaten navigeer je door te swipen.
  • Uniforme beleving: De basis van vele one page websites is de ‘content first’ gedachte, waarbij de gebruiker een naadloze overgang heeft tussen zijn mobiele apparaten en een computer.
  • Responsive ready: Doordat de opbouw en technische structuur eenvoudig is, is de site gemakkelijk responsive te maken. Daarmee is deze zowel op computers als mobiele apparaten perfect te gebruiken.
  • Prijs: Vaak is de one page website goedkoper omdat er geen volgpagina’s en andere technische features zijn die het ontwikkelen duur maken.
  • Onderhoud: Weinig inhoud betekent dat je website niet constant uitgebreid geüpdate hoeft te worden. Je hebt hier als eigenaar of beheerder dus minder werk aan als de website online staat.
  • Perfecte sales funnel: Door een slimme indeling kun je de bezoeker door verschillende psychologische stadia dirigeren en deze overtuigen van je product of dienst. Maak sneller en effectiever van een bezoeker een klant door een goede conversie strategie.

Nadelen

  • Vindbaarheid: De vindbaarheid hangt helemaal af van het doel en de mate van aandacht die je aan zoekmachine optimalisatie (SEO) besteedt.
  • Statistieken: Het biedt minder mogelijkheden tot analyse, omdat er maar één pagina is. Je kunt dus niet zien welke content de bezoeker op je website ook interessant vindt, omdat ze niet van pagina wisselen. Google Analytics, ‘Analyse op pagina‘ biedt hier een oplossing voor, maar die is ook niet optimaal. Een heatmap in combinatie met gelaagde informatie is ook een mogelijke oplossing.
  • Laadtijd: De site kan langere laadtijden hebben als die niet goed geprogrammeerd is. Omdat alle informatie in één keer geladen wordt moet de website geoptimaliseerd worden voor mobiele apparaten. Helaas is dit nog niet altijd het geval. Een oplossing is om alle afbeeldingen onder de eerste ‘fold’ (vouwlijn) vertraagd te laden. Dat zorgt in ieder geval voor een gevoelde versnelling van de laadtijd.

4 UX-tips voor jouw professionele one page website

Als je beslist om een onepager te laten ontwikkelen, dan zijn dit 4 User Experience tips die je op weg helpen zodat je bezoeker een aangename ervaring heeft:

  1. Geef visueel aan dat de pagina niet ophoudt bij de randen van het scherm. De bezoeker moet kunnen zien dat hij kan scrollen of swipen.
  2. Bied een zichtbare navigatie aan, naast het scrollen, zodat de bezoeker kan zien waar hij zich bevindt. Onze tip is om de navigatie altijd zichtbaar op de site te laten staan (Sticky NavBar of Sticky Navigation Menu) en niet mee te laten scrollen met de content, zoals dat vroeger gangbaar was.
  3. Maak de professionele website visueel aantrekkelijk, meer dan je normaal zou doen. Je hebt minder tekst op je website, dus gebruik vooral veel afbeeldingen en pictogrammen om het verhaal aan te kleden en spannend te vertellen.
  4. Gebruik een goede programmeur die volledig op de hoogte is van de moderne HTML technieken. Voor ons page websites is dit soms belangrijker dan een normale marketing website.

Checklist voor jouw one-pager

Overweeg je een one page website te laten maken? Dan helpt deze checklist je om je project helder te krijgen zodat je weet wat je rekening mee moet houden om een stoere onepager te maken:

  • Merkverhaal: Kun jij je “Brand Story”, het verhaal van je bedrijf, product of dienst dat je wilt verkopen, terugbrengen tot één pagina? Kun je je Unique Selling Point (USP) duidelijk uitleggen? Heb je quotes van klanten die je kunt opnemen?
    Een goede oefening: neem je corporate Powerpoint presentatie en breng die terug tot één pagina zonder aan kracht te verliezen of deze te langdradig te maken.
  • Visuele impact: Kun je je content voldoende visualiseren met beelden, video’s, illustraties en/of iconen? Doordat alles op één pagina staat moet je deze spannend houden door met het “visuele ritme” en “content elementen” te spelen.
  • Zoekmachine optimalisatie (SEO): Als een one page website niet goed geprogrammeerd is kan deze negatieve gevolgen hebben voor je SEO. Zorg dus dat je een goede programmeur hebt die weet hoe onepagers voor zoekmachines geoptimaliseerd moeten worden.
  • Copywriting: Heb je een goede copywriter die de juiste keyphrases in je teksten en design elementen kan verwerken? Dit verbetert je SEO.
  • Call to action: Heb je de belangrijkste CTA’s helder? Een one page website moet er meerdere hebben om effectief te zijn.

Wil jij ook een stoere one page website?

Wil je jouw bedrijf of merk succesvol door middel van een one page website presenteren? Laten we dan samen de mogelijkheden bespreken.

Offerte aanvragen

Zo stoer zijn one page websites (in 2023) ⋆ Stoere Binken Design (2024)

FAQs

Are one-page websites better? ›

The narrow focus makes one-page websites great for generating customers, leads, and subscribers. This is why they're the number one choice for landing pages, too. It's much easier for you to keep a visitor's attention and sell them your offer without distraction.

What is one-page layout website? ›

A one-page website has an organized design on a single web page, with many images, multimedia, testimonials, social proof and minimal text. The long-scrolling design is one of the best website layouts, as it allows you to control the order in which visitors see your web content.

What features make a good website? ›

7 Qualities of a Great Website
  • So, what makes a great website?
  • Well Designed and Functional. ...
  • Easy to Use. ...
  • Optimized for Mobile. ...
  • Fresh, Quality Content. ...
  • Readily Accessible Contact and Location. ...
  • Clear Calls to Action. ...
  • Optimized for Search and the Social Web.

Do one page websites rank? ›

Yes, one-page websites can rank well in search engines. If your site has a clear structure, concise content, relevant links, and optimized images, success could be just over the horizon..

How long should a one page website be? ›

The general rule of thumb for content length and density ranges greatly, from a minimum of 200 to maximum of 1,000 words per page, depending on the topic complexity and objectives. The main goal of website content is getting your message across effectively and enticing your reader to take action, while being concise.

How much is a one page website? ›

You could potentially have an entire one-page site designed for you for as little as $500. Although the price of a one-page website can still vary depending on specifics and the designer you hire, they tend to be the very cheapest option when paying to have a new website created.

Can I have a one-page website? ›

A one-page website is great if you want a simple website that's focused on showing everything a user will need to know in one website. This is why it's the format of choice for portfolios, event pages, or even online restaurant menus.

What is a single page of a website called? ›

The first page of a website is called homepage. The definition of a website is a page or collection of pages on the World Wide Web that contains specific information provided by one person or entity and traces back to a common Uniform Resource Locator (URL).

What are the common mistakes in website design? ›

Bad Website Design: 11 Mistakes to Avoid When Designing Your Website
  • Difficult navigation. ...
  • Poor color choice. ...
  • Lack of responsive design. ...
  • Slow load time. ...
  • Too many elements. ...
  • Lackluster call to action (CTA) buttons. ...
  • Difficult-to-read fonts. ...
  • Walls of text.

What is the weakness of a website? ›

Weakness is a critical part and generally involves some common terms that need to be analyzed carefully. Internal: Page loading time, complex navigation, corrupt pages, troublesome layout, numerous bugs and outdated content. External: Bad social media strategy, negative publicity, trolling and no backlinks.

How to make a successful website? ›

12 Tips for Building an Effective Business Website
  1. Make your site mobile responsive. ...
  2. Make it easy to find. ...
  3. Place your contact information above the fold. ...
  4. Make it easy to navigate. ...
  5. Keep your pages uncluttered. ...
  6. Make sure it's accurate. ...
  7. Respect the need for speed. ...
  8. Have a call to action.
Mar 28, 2024

Can a beginner design a website? ›

Using website builders like Wix, Squarespace, or WordPress with pre-designed templates can be the easiest way for beginners to learn website design. Experiment with customization options and explore basic design principles to enhance your skills.

Can I design a website myself? ›

If all you need is a basic one-page website with an email address, phone number and maybe your business address, you can absolutely do that yourself. There are many website builders and one-page templates you can use to get up and running quickly.

How much does it cost to design a website? ›

Website Costs by Industry
Business TypeWeb Design Costs
Small Business Website (Up to 16 Pages)$2,000 to $9,000
Corporate Website (Up to 75 Pages)$10,000 to $35,000
E-Commerce Website (Up to 1,000 Products)$5,000 to $55,000
Website Application (Up to 2,000 Pages)$6,000 to $75,000
Apr 14, 2024

Is it better to have one website or several? ›

If funds are an issue, one site is always going to be cheaper to build and maintain than many; but as long as you're not talking about tiny sites, and as long as there is a difference in the target audiences of your various products or services, multiple sites will give you multiple bites of the SEO cherry, focused and ...

Is it better to have more or less pages on a website? ›

Having more pages also gives your website a higher probability of ranking which eventually determines the ranking parameters for your website. The most important advice to rank well is still to produce great content quality instead of publishing simply a large volume of content every week or month.

How many pages should a good website have? ›

Generally speaking, 10-30 pages of well-crafted content that showcase your products and services should be enough for most small to medium businesses. As long as you prioritize the user experience, you will get results.

Should a website have multiple pages? ›

Generally, a website should contain at least five pages: a home page, an about page, a services page, a contact page, and a blog page. However, if the website contains a lot of content or different products, it may require more pages.

References

Top Articles
Latest Posts
Article information

Author: Rob Wisoky

Last Updated:

Views: 6092

Rating: 4.8 / 5 (48 voted)

Reviews: 87% of readers found this page helpful

Author information

Name: Rob Wisoky

Birthday: 1994-09-30

Address: 5789 Michel Vista, West Domenic, OR 80464-9452

Phone: +97313824072371

Job: Education Orchestrator

Hobby: Lockpicking, Crocheting, Baton twirling, Video gaming, Jogging, Whittling, Model building

Introduction: My name is Rob Wisoky, I am a smiling, helpful, encouraging, zealous, energetic, faithful, fantastic person who loves writing and wants to share my knowledge and understanding with you.