<!DOCTYPE html> <html lang="sv"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="description" content="AINNOVA - Professionella webbinarier som engagerar och konverterar din målgrupp"> <meta name="format-detection" content="telephone=no"> <title>AINNOVA | Webbinarium</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@700&display=swap"> <style> /* AINNOVA färgpalett enligt designprotokoll */ :root { --primary-blue: #007BBF; --white: #FFFFFF; --light-gray: #E6EBF1; --lighter-gray: #F7F9FC; --button-green: #80CB45; --button-green-hover: #3A8C2D; --text-dark-gray: #222222; --text-medium-gray: #56585E; --text-light-gray: #888888; --border-gray: #CCCCCC; --shadow: rgba(0,0,0,0.1); }
/* Grund- och resetstil */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Lato', sans-serif; background: var(--primary-blue); }
/* Huvudlayout */
.ainnova-wrapper { padding: 14px 20px 20px; min-height: 100vh; background: var(--primary-blue); }
.container { margin: 0 auto; width: calc(100% - 20px); max-width: 1000px; background: var(--white); padding: 30px; border-radius: 10px; box-shadow: 0 4px 12px var(--shadow); }
/* Typografi */
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
color: var(--primary-blue);
margin-bottom: 20px;
text-align: center;
}
h2 {
font-size: 24px;
color: var(--text-dark-gray);
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 20px;
color: var(--primary-blue);
margin-top: 20px;
margin-bottom: 10px;
}
p {
font-size: 16px;
color: var(--text-dark-gray);
line-height: 1.6;
margin-bottom: 15px;
}
/* Listformat med ikoner utan svarta punkter */
ul {
list-style-type: none;
padding-left: 0;
margin: 15px 0;
}
ul li {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
line-height: 1.5;
color: var(--text-dark-gray);
}
.ainnova-icon {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/namnlos-design-4-1.png>');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
flex-shrink: 0;
}
/* Länkar - Subtil stil utan understrykning */
a {
color: var(--primary-blue);
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: var(--button-green-hover);
}
/* Konkurrentlänkar - extra subtil */
.competitor-link {
color: var(--text-light-gray);
font-weight: normal;
transition: color 0.3s;
}
.competitor-link:hover {
color: var(--primary-blue);
}
/* Bilder */
.image-container {
display: flex;
justify-content: space-between;
margin: 25px 0;
gap: 20px;
}
.image-container img {
width: 48%;
border-radius: 5px;
box-shadow: 0 2px 4px var(--shadow);
}
.full-width-image {
width: 100%;
max-height: 300px;
object-fit: cover;
border-radius: 5px;
margin: 25px 0;
box-shadow: 0 2px 4px var(--shadow);
}
/* Betoningsboxar */
.highlight-box {
background-color: var(--light-gray);
border-left: 4px solid var(--primary-blue);
padding: 15px;
margin: 20px 0;
border-radius: 0 5px 5px 0;
}
/* Konkurrentlista */
.competitors-section {
margin: 40px 0 10px;
padding: 15px;
background-color: var(--lighter-gray);
border-radius: 5px;
border-top: 1px solid var(--border-gray);
}
.competitors-section h3 {
font-size: 16px;
color: var(--text-medium-gray);
margin-bottom: 10px;
}
/* Tabellstilar - Exakt som i "våra erbjudanden på ett silverfat" */
.table-title { background: var(--light-gray); color: var(--text-dark-gray); padding: 10px; text-align: center; font-weight: bold; border-radius: 5px; margin-bottom: 5px; }
.table-container { padding: 0 15px; overflow-x: auto; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 0 0 20px 0; box-shadow: 0 2px 4px var(--shadow); }
th, td { border: 2px solid var(--border-gray); box-shadow: inset 0 0 3px var(--shadow); padding: 12px; text-align: left; vertical-align: top; }
th { background: var(--primary-blue); color: var(--white); font-weight: bold; text-transform: uppercase; }
tbody:nth-child(odd) { background: var(--white); }
tbody:nth-child(even) { background: var(--light-gray); }
/* Navigationscirklar - UPPDATERAD för att matcha bilden */
.cta-circles {
display: flex;
justify-content: center;
flex-wrap: nowrap; /* ÄNDRAD: Alla på en rad i desktop */
gap: 20px;
margin: 40px 0 20px;
}
.cta-circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: var(--button-green);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: var(--text-dark-gray);
font-weight: bold;
text-align: center;
transition: background-color 0.3s, transform 0.3s;
animation: pulse 2s infinite;
font-size: 17px;
}
.cta-circle:nth-child(even) {
background-color: var(--primary-blue);
color: var(--white);
}
.cta-circle:hover {
background-color: var(--button-green-hover);
color: var(--white);
transform: scale(1.05);
animation: none;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
/* Tillbaka till toppen-knapp - UPPDATERAD för att matcha bilden */
.back-to-top {
display: block;
width: 100%;
margin: 20px auto 0;
padding: 10px;
background-color: var(--primary-blue);
color: var(--white);
text-align: center;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
.back-to-top:hover {
background-color: var(--button-green-hover);
color: var(--white);
text-decoration: none;
}
/* Responsivitet */
@media (max-width: 768px) {
.container {
padding: 15px;
width: 100%;
}
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
p, li { font-size: 15px; }
.image-container {
flex-direction: column;
}
.image-container img {
width: 100%;
}
/* Samma mobilanpassning som i prislistan för tabeller */
thead { display: none; }
table, tbody { display: block; }
tr {
display: grid;
grid-template-areas: "category" "service" "price" "desc";
margin-bottom: 15px;
border: 2px solid var(--border-gray);
border-radius: 5px;
background: var(--white);
box-shadow: 0 2px 4px rgba(0,0,0,0.15);
position: relative;
}
/* Visar kategorinamn i mobilvy */
tr::before {
content: attr(data-category);
display: block;
padding: 8px 12px;
background: var(--primary-blue);
color: var(--white);
font-weight: bold;
grid-area: category;
}
tbody:nth-child(odd) tr::before {
background: var(--primary-blue);
}
tbody:nth-child(even) tr::before {
background: var(--button-green-hover);
}
td { display: block; border: none; text-align: center; }
td:nth-child(1) {
grid-area: service;
font-weight: bold;
background: var(--button-green);
color: var(--text-dark-gray);
padding: 10px;
}
td:nth-child(2) {
grid-area: price;
border-bottom: 1px solid var(--border-gray);
padding: 10px;
}
td:nth-child(3) {
grid-area: desc;
background: var(--lighter-gray);
padding: 10px;
}
/* UPPDATERAD: Navigationscirklar i par på mobil */
.cta-circles {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.cta-circle {
width: 90px;
height: 90px;
font-size: 15px;
}
.back-to-top { font-size: 14px; padding: 8px 20px; }
}
/* Knorr: Webbinariekort */
.webinar-preview {
background: var(--lighter-gray);
border-radius: 10px;
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px var(--shadow);
position: relative;
overflow: hidden;
}
.webinar-preview:before {
content: "KOMMANDE WEBBINARIUM";
position: absolute;
top: 15px;
right: -40px;
background: var(--button-green);
color: var(--white);
padding: 5px 50px;
font-size: 12px;
font-weight: bold;
transform: rotate(45deg);
z-index: 1;
}
.webinar-header {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.webinar-date {
background: var(--primary-blue);
color: var(--white);
padding: 10px;
text-align: center;
border-radius: 5px;
margin-right: 15px;
min-width: 80px;
}
.webinar-date .day {
font-size: 24px;
font-weight: bold;
line-height: 1;
}
.webinar-date .month {
font-size: 14px;
text-transform: uppercase;
}
.webinar-title {
font-size: 18px;
font-weight: bold;
color: var(--text-dark-gray);
}
.webinar-details {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.webinar-info {
display: flex;
align-items: center;
margin-right: 20px;
margin-bottom: 5px;
font-size: 14px;
color: var(--text-medium-gray);
}
.webinar-info i {
margin-right: 5px;
color: var(--primary-blue);
}
.webinar-description {
margin-bottom: 20px;
font-size: 15px;
}
.webinar-cta {
background: var(--button-green);
color: var(--white);
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
font-weight: bold;
transition: background 0.3s;
}
.webinar-cta:hover {
background: var(--button-green-hover);
color: var(--white);
}
</style>
</head> <body> <div class="ainnova-wrapper" id="top"> <div class="container"> <!-- HUVUDRUBRIK OCH INLEDNING --> <h1>Webbinarium</h1> <p><strong>Skapa engagerande webbinarier som konverterar åskådare till kunder – utan tekniskt krångel eller obesvarade frågor.</strong></p> <p>Webbinarier är ett kraftfullt verktyg för att bygga förtroende, dela kunskap och generera kvalificerade leads. Vi hjälper dig att planera, producera och följa upp högkvalitativa webbinarier som verkligen engagerar din målgrupp och driver resultat för din verksamhet.</p>
<!-- BILDCONTAINER -->
<div class="image-container">
<img src="<https://images.unsplash.com/photo-1511578314322-379afb476865?w=800&auto=format&fit=crop>" alt="Person som håller presentation under ett webbinarium">
<img src="<https://images.unsplash.com/photo-1661956602944-249bcd04b63f?q=80&w=1470&auto=format&fit=crop>" alt="Deltagare som följer ett webbinarium på olika enheter">
</div>
<!-- FÖRSTA SEKTIONEN -->
<h2>Fördelar med professionella webbinarier</h2>
<p>Ett välplanerat och professionellt genomfört webbinarium kan transformera din marknadsföring och kundrelationer.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Generera kvalificerade leads:</strong> Deltagare som anmäler sig till ett webbinarium visar redan intresse för ditt område, vilket gör dem till högkvalitativa potentiella kunder</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Etablera expertis:</strong> Visa din kunskap och erfarenhet inom ditt område och bygg förtroende hos din målgrupp</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Skapa återanvändbart innehåll:</strong> Inspelningen av webbinariet kan användas på din hemsida, i sociala medier och i e-postmarknadsföring</span>
</li>
</ul>
<!-- BETONINGSBOX -->
<div class="highlight-box">
<h3>Professionalism ger resultat</h3>
<p>Ett amatörmässigt webbinarium med tekniska problem, dåligt flöde eller bristfällig interaktion kan göra mer skada än nytta för ditt varumärke. Vi säkerställer att allt från teknik och presentation till deltagarinteraktion fungerar sömlöst, så att du kan fokusera på att leverera värdefull kunskap och bygga relationer med deltagarna.</p>
</div>
<div class="table-title">Paket och pris för webbinarier. Vårt verkliga värde ligger i att välja rätt verktyg åt dig och att du med hjälp av AI ska kunna bygga allt själv. Detta är av AI framtagna exempelsidor!!!🤺.</div>
<div class="table-container">
<table>
<thead>
<tr>
<th>Paket</th>
<th>Pris (ex moms)</th>
<th>Innehåll</th>
</tr>
</thead>
<tbody>
<tr data-category="Standardpaket">
<td>Komplett webbinariepaket</td>
<td>8 000 kr</td>
<td>Allt du behöver för ett professionellt webbinarium på upp till 90 minuter. Inkluderar strategisk planering, teknisk setup och testning. Perfekt för produktlanseringar, utbildningar eller tankeledarskap.</td>
</tr>
</tbody>
<tbody>
<tr data-category="Tilläggstjänster">
<td>Extra deltagare</td>
<td>Det går att vara många på ett webbinarium. Pris varierar men inte med så mycket.</td>
<td>Standardpaketet inkluderar upp till 100 deltagare. För större webbinarier tillkommer en kostnad för extra serverkapacitet och teknisk support.</td>
</tr>
<tr data-category="Tilläggstjänster">
<td>Innehållsproduktion</td>
<td>3 000 kr</td>
<td>Vi hjälper dig att ta fram ett vinnande innehåll för ditt webbinarium, inklusive presentationsdesign, manus och interaktiva element.</td>
</tr>
</tbody>
</table>
</div>
<!-- TREDJE SEKTIONEN -->
<h2>Så går vi tillväga</h2>
<p>Vi har en beprövad process för att skapa och genomföra framgångsrika webbinarier som ger resultat.</p>
<!-- UNDERSEKTIONER -->
<h3>Strategi och planering</h3>
<p>Vi börjar med att definiera syftet med webbinariet, målgruppen och önskat resultat. Vi tar fram en detaljerad plan för innehåll, format, varaktighet och interaktiva element. Vi sätter upp registreringssidan och hjälper dig att formulera en inbjudan som lockar rätt deltagare.</p>
<h3>Produktion och genomförande</h3>
<p>Vi sköter all teknik så att du kan fokusera på innehållet. Vi testar all utrustning i förväg, genomför en generalrepetition och säkerställer bästa möjliga ljud- och bildkvalitet. Under sändningen har vi en tekniker tillgänglig som löser eventuella problem och en moderator som hanterar deltagarnas frågor.</p>
<h3>Efterarbete och uppföljning</h3>
<p>Vi redigerar inspelningen för bästa möjliga kvalitet och tillgängliggör den för både deltagare och de som inte kunde närvara. Vi tar fram en anpassad uppföljningskampanj och hjälper dig att analysera resultaten för att maximera avkastningen på din investering.</p>
<!-- BILD I FULLBREDD -->
<img src="<https://images.unsplash.com/photo-1587825140708-dfaf72ae4b04?w=1600&auto=format&fit=crop>" alt="Professionell webbinarieproduktion med flera skärmar" class="full-width-image">
<!-- FJÄRDE SEKTIONEN -->
<h2>Därför ska du välja AINNOVA</h2>
<p>Vi har djup erfarenhet av att skapa engagerande webbinarier som verkligen konverterar.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Pålitlig teknik:</strong> Vi använder marknadens mest stabila plattformar och har backup-lösningar för att säkerställa en sömlös upplevelse</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Fokus på engagemang:</strong> Vi hjälper dig att inkludera interaktiva element som håller deltagarna engagerade genom hela webbinariet</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Resultatorienterade:</strong> Vi ser till att varje webbinarium har en tydlig call-to-action och uppföljningsstrategi som maximerar konverteringar</span>
</li>
</ul>
<!-- KONKURRENTER -->
<div class="competitors-section">
<h3>Andra leverantörer inom webbinarier:</h3>
<p><a href="<https://delicate-neighbor-37a.notion.site/Webbinarium-1cd9c8142e3f809dae70cb0921ce9173>" class="competitor-link" target="_blank" rel="noopener noreferrer">Se fler leverantörer</a></p>
</div>
<!-- NAVIGATIONSCIRKLAR OCH TILLBAKA TILL TOPPEN -->
<footer>
<nav class="cta-circles">
<a href="<https://ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">AINNOVA</a>
<a href="<https://erbjudanden.ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">Erbjudanden</a>
<a href="<https://ainnova.se/kontakt>" class="cta-circle" target="_blank" rel="noopener noreferrer">Kontakt</a>
<a href="<https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c>" class="cta-circle" target="_blank" rel="noopener noreferrer">Notion</a>
</nav>
<a href="#top" class="back-to-top">🤺 Opp till topps bestemor! 🤺</a>
</footer>
</div>
</div>
<script>
document.querySelector('.back-to-top').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById('top').scrollIntoView({ behavior: 'smooth' });
});
</script>
</body> </html>