Hur kan vi hjälpa dig?
  1. Gå tillbaka
  2. Knowledge Base
  3. Inspiration
  4. Så designar du en professionell webbplats för ditt evenemang – med Conference Manager och grafiska hjälpverktyg

Så designar du en professionell webbplats för ditt evenemang – med Conference Manager och grafiska hjälpverktyg

Webbplatsinspiration
Conference Manager skapar strukturen. Grafikverktyg hjälper till att forma den visuella identiteten.

En välstrukturerad webbplats för evenemanget hjälper deltagarna att snabbt hitta viktig information och ta sig tryggt genom anmälningsflödet. Conference Manager ger den funktionella grunden, medan verktyg som Canva, Magnific, Adobe Express och Figma kan hjälpa dig att skapa visuella element som stödjer evenemangets identitet.

Webbplatsstruktur Visuell identitet Grafisk inspiration

Kombinera funktion och visuellt uttryck

De bästa resultaten uppstår ofta när Conference Manager och ett externt grafikverktyg används för olika delar av processen.

Conference Manager
Bygg evenemangets struktur

Använd Grundinställningar för att definiera anmälningsflödet och viktiga inställningar för evenemanget. Använd sedan Webbdesigner för att presentera informationen tydligt.

Konfigurera anmälan och deltagarkategorier i Grundinställningar
Lägg till programinformation och innehåll om talare i evenemangsinställningarna
Skapa sidor, sektioner och tydlig navigering i Webbdesigner
Anpassa webbplatsens layout för dator, surfplatta och mobil
Grafikverktyg
Skapa den visuella identiteten

Använd ett grafikverktyg för att förbereda visuellt material innan det läggs till i Webbdesigner.

Designa sidhuvudsbilder, banners och bakgrunder
Skapa grafik för talare, program och sociala medier
Förbered ikoner, illustrationer och anpassade bildformer
Använd enhetliga färger, typsnitt och bildstilar

Idéer för visuellt innehåll

Du behöver inte göra om hela webbplatsen. Några enhetliga grafiska element kan göra sidan mer igenkännbar och genomarbetad.

01
Sidhuvudsbilder och banners

Skapa ett tydligt första intryck med evenemangets färger, titel och ett relevant visuellt element.

02
Grafik för talare

Presentera talare med enhetliga porträtt, namn, roller och bildproportioner.

03
Programgrafik

Förstärk programmets teman med färgkodning, ikoner eller enkel grafik för programpunkter.

04
Grafik för sociala medier

Skapa matchande grafik för LinkedIn, Facebook och Instagram.

05
Ikoner och illustrationer

Använd enkla visuella ledtrådar för att stödja informationen utan att sidan känns rörig.

06
Diskret animation

En liten animerad GIF kan skapa rörelse, men bör inte ta uppmärksamheten från anmälan eller viktig information.

Från grafikverktyg till Webbdesigner

Ett enkelt arbetsflöde gör det lättare att behålla en enhetlig design och använda grafiken på rätt plats.

1
Skapa

Designa grafiken utifrån evenemangets färger, typsnitt, bildstil och syfte.

2
Exportera

Ladda ned den färdiga designen i ett lämpligt filformat och i en passande storlek.

3
Infoga

Ladda upp filen till mediearkivet och lägg till den som bild, bakgrund eller länkat visuellt element.

Filformat

JPG passar i regel för foton och banners. PNG passar för logotyper, ikoner och grafik som behöver skarpa kanter eller transparent bakgrund. GIF kan användas för enkel animation, men tänk på filstorleken.

Ny på Canva?

Vissa videoinbäddningar kan blockeras beroende på webbplatsens inställningar. Resurserna nedan öppnas därför direkt i Canva eller på YouTube.

Andra användbara grafikverktyg

Canva är bara ett alternativ. Välj det verktyg som passar ditt arbetsflöde, din erfarenhet och dina visuella behov.

Magnific

Magnific, tidigare Freepik, erbjuder stockbilder, vektorer, illustrationer, ikoner och kreativa verktyg som kan hjälpa dig att hitta eller utveckla visuellt material.

Besök Magnific
Adobe Express

Adobe Express kan användas för att skapa banners, grafik för sociala medier och annat visuellt innehåll utifrån mallar.

Besök Adobe Express
Figma

Figma kan vara användbart när flera personer behöver utveckla, granska eller anpassa visuella koncept tillsammans.

Besök Figma

Design för olika skärmstorlekar

Webbplatsen ska vara tydlig och enkel att använda oavsett om deltagarna besöker den från en dator, surfplatta eller mobil.

Arbeta från vänster till höger i Webbdesigner

I Webbdesigner börjar du i datorvyn och fortsätter sedan till surfplatta och mobil från vänster till höger. Sidhuvudsbilder och sektionsbakgrunder ärvs av de mindre vyerna, men kan ersättas där utan att datorversionen ändras. Layoutinställningar för enskilda element, exempelvis marginaler och avstånd, kan också anpassas separat för varje enhet.

Granska dator, surfplatta och mobil från vänster till höger
Kontrollera att texten fortfarande är lätt att läsa
Byt ut bakgrundsbilder vid behov
Anpassa marginaler och avstånd för varje enhet
Testa hela deltagarflödet innan publicering

Fortsätt i CM Academy

De här resurserna visar hur du arbetar med Webbdesigner och förbereder bilder för Conference Manager.

Elisabeth Bjørn Andersen
Elisabeth Bjørn Andersen
Publicerad: 2026.07.13
Var den här artikeln hjälpsam?

Relaterade artiklar

Nyheter!

  • Fem användbara förbättringar i Conference Manager
  • Nya korta explainer-videor har lagts till i utvalda artiklar
  • Ny startguide är nu tillgänglig på CM Academy
Läs mer