DeMenso Sverige
Menu
Projekt

Ett nytt gränssnitt och en lättare teknisk grund för NajlepszeLowisko.

Kunden driver ett kommersiellt fiskevatten nära Bydgoszcz. Den tidigare webbplatsen hade ett CMS som kunden inte använde, en föråldrad form, problem med kontrast och fel i strukturerad data. Vi ritade om upplevelsen och byggde en ny webbplats med ett tydligt innehållsflöde.

NajlepszeLowisko — webbplatsen på en skärm och i mobilen
Visa bilden
01 / Projekt

Varför bytte vi bort CMS?

Kunden behövde visa anläggning, erbjudande och kontaktuppgifter, men redigerade inte själv löpande innehåll i CMS:et. En statisk webbplats passade det faktiska arbetssättet bättre. Valet följde kundens behov i detta projekt; andra webbplatser kan behöva ett redigerbart CMS.

02 / Projekt

Vad gjorde vi?

Ny struktur och design.

Matte tog fram layout och gränssnitt för en målgrupp där tydlighet och läsbarhet var särskilt viktiga. Grundläggande information, erbjudande och kontakt samlades i ett överskådligt ensidesformat.

Ny kod och flerspråkigt innehåll.

Adrian valde teknisk lösning, skrev webbplatsen i Astro och TypeScript och arbetade med testning och optimering. Webbplatsen fick polsk, engelsk och tysk version.

Konkreta tillgänglighetsförbättringar.

Vi förbättrade färgkontrast och rubrikernas HTML-struktur, tog bort hinder för tangentbordsnavigering och kontrollerade synlig fokusmarkering. Ändringarna kontrollerades automatiskt och genom manuell navigering med tangentbord.

03 / Projekt

Vad vet vi om resultatet?

Den nya webbplatsen är publicerad och kan granskas i sin nuvarande version. Efter lanseringen märkte kunden ett större intresse för erbjudandet och fler telefonförfrågningar. Du kan också själv se sidans struktur, innehåll och navigering.

Projektet genomfördes på tre arbetsdagar från start till lansering inom det överenskomna uppdraget.

04 / Projekt

När passar ett liknande angreppssätt?

När innehållet är relativt stabilt och kunden inte behöver administrera sidor i ett CMS kan en statisk webbplats vara ett rimligt val. Beslutet behöver ändå vägas mot framtida redigering, funktioner och ansvar för uppdateringar.

05 / Projekt

Har du en webbplats som inte längre passar arbetssättet?

Fokusera bilden med Tab. Använd piltangenterna för att flytta en förstorad bild. Escape stänger visningen.

Läsinställningar

Gör sidan till din.

Anpassa text, färger och rörelse efter hur du vill läsa. Ändringarna visas direkt.

Aktiva ändringar: 0

Hjälp med texten

Kort förklaring

Här beskrivs ett projekt: uppgiften och arbetet som visas i portfolion. Bilderna kan förstoras.

Det här är en enkel introduktion. Läs hela sidan för detaljer, villkor och undantag.

Ord och förkortningar

CTA
Call to Action: en uppmaning att göra något, till exempel en knapp för kontakt.
CV
Curriculum Vitae: en sammanställning av erfarenhet, utbildning och färdigheter.
PHP
PHP: Hypertext Preprocessor. Ett programmeringsspråk som bland annat används av WordPress.
IMY
Integritetsskyddsmyndigheten: Sveriges tillsynsmyndighet för dataskydd.
PTS
Post- och telestyrelsen: Sveriges myndighet för elektronisk kommunikation och post.
HB
Handelsbolag: en svensk bolagsform.
EEA / EES / EOG
Europeiska ekonomiska samarbetsområdet: EU:s medlemsländer samt Island, Liechtenstein och Norge.
EU / UE
Europeiska unionen.
BYOD
Bring Your Own Device: att använda en egen enhet i arbetet.
WCAG AA / AAA
WCAG-nivåerna anger krav på tillgänglighet. AA omfattar krav på A och AA; AAA omfattar krav på A, AA och AAA.
CMS
Content Management System: ett system där du kan lägga till och ändra webbplatsens innehåll.
PR
Public Relations: arbete med relationer och hur en verksamhet kommunicerar med omvärlden.
IT
Information Technology: teknik för att lagra, bearbeta och överföra information.
SEO
Search Engine Optimisation: arbete som hjälper sökmotorer att förstå och hitta en sida.
AI
Artificial Intelligence, artificiell intelligens: program som bland annat kan skapa text och bilder eller känna igen mönster.
WCAG
Web Content Accessibility Guidelines: riktlinjer för att fler ska kunna använda digitalt innehåll.
UX
User Experience: hur en person upplever och använder en tjänst.
UI
User Interface: det som användaren ser och använder, till exempel knappar och formulär.
API
Application Programming Interface: ett sätt för olika program att utbyta data.
HTML
HyperText Markup Language: språket som beskriver en webbsidas innehåll och struktur.
CSS
Cascading Style Sheets: regler som styr hur en webbsida ser ut.
GDPR / RODO
General Data Protection Regulation: EU:s regler för behandling av personuppgifter.
GA4
Google Analytics 4: ett verktyg för att mäta hur en webbplats används.
GTM
Google Tag Manager: ett verktyg som hanterar kod för bland annat mätning på en webbplats.
B2B
Business to Business: en verksamhet säljer till eller samarbetar med en annan verksamhet.
PDF
Portable Document Format: ett filformat för dokument.
CRM
Customer Relationship Management: ett system för kundkontakter och kundinformation.
CSP
Content Security Policy: regler som begränsar vilken kod och vilka resurser en webbläsare får läsa in.
IP
Internet Protocol: regler för kommunikation på internet. En IP-adress identifierar en anslutning eller enhet i ett nätverk.
Brief
En beskrivning av projektets mål, behov och ramar.
Branding
Arbete med hur ett varumärke känns igen och uttrycks, till exempel genom namn, bild och språk.
Hosting
En tjänst som lagrar webbplatsens filer så att sidan kan nås på internet.
Integration
En koppling som gör att olika system kan arbeta tillsammans.
Pixel
Här: kod som används för att mäta besök eller handlingar på en webbplats.
Retention
Hur länge uppgifter sparas innan de tas bort.
Data controller
Den som bestämmer varför och hur personuppgifter behandlas.
Data processor
Den som behandlar personuppgifter på uppdrag av den personuppgiftsansvarige.
Semantics
Här: kodens betydelse, så att webbläsaren vet vad som är en rubrik, länk eller knapp.
Responsive
En sida som anpassar sin layout till olika skärmstorlekar.
Conversion
En handling som sidan ska hjälpa besökaren att göra, till exempel att skicka en fråga.
Prototype
En tidig modell som används för att undersöka hur en lösning kan fungera.
Accessibility
Att innehåll och funktioner kan användas av människor med olika behov och förmågor.

Behöver du hjälp? Skriv till oss: hej@demenso.se

Text & läsning
Färg & orientering

Välj text och bakgrund. Den andra färgen anpassas vid behov för att texten ska förbli läsbar.

Rörelse

Systemets inställning för minskad rörelse respekteras alltid.

Dina val sparas endast i den här webbläsaren. Inga uppgifter skickas.