Geschikte weergave voor menukaarten en plaatjes/teksten op schaal

Hallo!

ik ben op zoek naar een geschikte responsive extentie voor de weergave van een menukaart.
Met de huidige layout zijn de plaatjes te klein ( www.njoyz.nl/menukaart ) en worden ze in de lengte geplet als men er mobiel naar wilt kijken. Nu is dit op te lossen door het scherm een kwart slag te draaien, maar het is gebleken dat men dit simpelweg niet snapt en het ziet er niet zo heel professioneel uit.

Ik ben dus op zoek naar een vrij simpele oplossing hiervoor, maar ook naar een oplossing voor reguliere plaatjes zoals op de hoofdpagina van www.njoyz.nl . Hier doet hetzelfde probleem zich voor: Het plaatje wordt uitgerekt op de mobiele versie.

Ik sta open voor suggesties, maar zoek wel iets dat relatief simpel is om toe te passen, ik heb de website zelf gebouwd maar ben niet heel erg technisch aangelegd.

Alvast bedankt!

In je responsive.css staat dit: Verander dat naar dit: Dan is de verhouding in ieder geval goed.

Ik denk wel dat je voor de leesbaarheid van je website, maar ook de vindbaarheid in Google beter kunt werken met teksten dan met afbeeldingen.
Wat ik nu zie zijn enigszins onscherpe menukaartteksten.
Persoonlijk is dat voor mij slecht leesbaar en het staat niet echt professioneel.

Je zou de menu-kaart dus ook voor je website uit elkaar kunnen halen.
"Welkom bij" kan een menu-item worden.
Dat geldt ook voor Openingstijden. Maar die heb je ook al in de footer staan.

En de menu-kaart zou je ook als een prijslijst kunnen tonen.
Een voorbeeld op een website met een heel andere doelgroep vind je hier: belle-sante.nl/tarieven
Die pagina is gemaakt met Price list van Joomill
www.joomill-extensions.com/extensions/price-list-component

Bedankt beiden, ik ga er straks gelijk mee aan de slag. De reden dat de menukaart met plaatjes is gedaan is omdat het er wat mooier uit ziet (niet dat dat in de praktijk het geval is, maar dat viel even tegen). En omdat we een enorm grote veranderlijke menukaart hebben wat onoverzichtelijk wordt als ik het zou weergeven zoals belle-santé, ik zit er op het moment ook nog mee dat er helemaal geen budget is (ik werk zelf in het bedrijf dus schrijf het op als overuren). Maar ik vermoed dat dat een degelijke layout niet gratis is?

Mbt de hoofdpagina, normaal gesproken staat er een slide met plaatjes die ook doorlinken maar het onderwerp van de bewuste slide, gevolgd door het welkomstbericht met daarna gelijk de links naar catering en Brasserie (die nu onderaan staan) maar dat is even uit nood. We hebben veel oudere vaste gasten die steeds ons aangepaste menu niet konden vinden, dus we hebben tijdelijk even alles opgeschoond en gedaan met de huidige layout. Kwestie van nood breekt wetten. Ik denk wel dat je toch minstens je gasten moet verwelkomen op de website, of begrijp ik het verkeerd en is dat juist heel ongunstig?

We hebben de website geprobeerd te minimaliseren door er een soort van funnel op aan te brengen zodat men altijd heel snel tot actie over kan gaan en niet hoeft te zoeken. Daarom zijn er erg weinig menu-items, maar je hebt wel een punt mbt openingstijden, is het op deze manier wel goed vindbaar?

Misschien is het optie om een tijdelijke homepagina te maken met alleen de info m.b.t. de corona-periode? En daar dan alleen de voor nu relevante info op te zetten? Je zou dan of je originele homepagina kunnen depubliceren of hem even kunnen hernoemen (njoyz bijvoorbeeld).
Het is nu best wel verwarrend.
En nog een tip: gebruik geen inline opmaak.
Deze tekst bijvoorbeeld is niet goed leesbaar op mobiel:

Met de code Als je alleen dit gebruikt: Ziet het er netjes uit:

Bedankt Astrid, ik heb beide punten aangepast! Het werkt en ziet er nu een stuk beter uit. Ik laat de pagina nu nog even voor wat het is ivm de persconferentie, anders is het inderdaad de moeite waard om dat ook nog aan te passen.

Nog even mbt de menukaart, het is inderdaad een nobrainer dat google je beter kan vinden als je menukaart ook in tekst is weergegeven, dit was hij ook, jaren terug, alles gecentreerd met tekst en uitleg eronder. Dit is prima als je 15 gerechten hebt maar met een 50-tal zoals wij hebben blijf je dus eindeloos scrollen, dit werd ook niet echt gewaardeerd.

Ik heb wel mijn gedachten er over laten gaan, oke, plaatjes zien er fancy uit maar doen hun werk niet goed (google). Alleen tekst kan men ook niet waarderen ((potentiële) gasten). Plaatjes tussen teksten, tsja, dat wordt ook erg snel rommelig. Dus wat ik eigenlijk gewoon moet hebben is een overzichtelijk iets dat er aantrekkelijk uit ziet. Wat is jullie mening over de volgende 2 aanpakken?

- Men gaat naar de pagina met het menu waar ze een lijst krijgen met verschillende categorieen (zoet, borrelhapjes, specialiteiten, grote trek etc etc) als ze daar op klikken worden ze doorgelinkt naar een pagina met uitsluitend de informatie van dat kopje. Overzichtelijk maar een hoop heen en weer geklik.

- Een andere optie, ik weet niet hoe het heet maar ik heb het veel gebruikt bij www.infonu.nl als schrijfster, dan zet je links bovenaan de pagina en als je daar op klikt scrollen ze regelrecht naar beneden toe naar een woord (titel) dat gekoppeld is aan die link. Voordeel is dat men zowel kan scrollen als snel door kan linken naar de juiste categorie, nadeel ehm, ik weet oprecht niet hoe ik dat correct codeer.
Voorbeeldje bij infonu.nl: wetenschap.infonu.nl/diversen/184354-kle...-in-vogelvlucht.html

Mijn voorkeur zou dan uitgaan naar het gebruik van de slider extensie van Regularlabs.

Op verschillende websites voor restaurants die ik gemaakt heb hebben we gekozen om deze vaak veranderende lijsten als pdf aan te bieden. Dat werkt voor iedereen prima. Scheelt een eindeloos gedoe iig.

Dank je jheroen, gebruik je daar een extentie voor?

Nee, wel eens geprobeerd maar ook dan loop je tegen problemen aan (soms) mbt responsive weergave etc. Open de kaart als pdf in nieuw tabblad en voila...
Als de klant de menukaart netjes opmaakt ziet de pfd er ook goed genoeg uit.

Jheroen schreef : Scheelt een eindeloos gedoe iig.

Voor je klanten wel inderdaad. Maar menukaarten als pdf is een eindeloos gedoe voor de bezoekers. Dat lijkt me de belangrijkste doelgroep van een site, niet de beheerder. Ik vind het vervelend als ik op sites kom waar het menu als pdf wordt aangeboden. Dan liever een afbeelding wat ik gelijk kan bekijken zonder eerst een programma te installeren, het menu te downloaden en vervolgens pas te kunnen openen.
De meeste pdf-bestanden hebben een redelijke omvang, maar ik ben ook weleens tegengekomen dat men de drukwerk-pdf upload. Daar wordt je op een telefoon niet vrolijk van En het even doorsturen naar vrienden kan ook niet.
Misschien kun je de menukaarten in Excel maken? Die kun je als pdf opslaan en het Excel-bestand kun je met een importeer-script in de website plaatsen.