<!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 - Professionell transkribering och översättning med AI-assisterad precision"> <meta name="format-detection" content="telephone=no"> <title>AINNOVA | Transkribering & Översättning</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: Visuellt element för att illustrera transkribering och översättning */
.text-transform-visual {
background: var(--lighter-gray);
padding: 20px;
border-radius: 8px;
margin: 25px 0;
position: relative;
overflow: hidden;
}
.text-transform-visual:before {
content: '';
position: absolute;
width: 100%;
height: 4px;
background: linear-gradient(90deg, var(--primary-blue), var(--button-green));
top: 0;
left: 0;
}
.transform-row {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.transform-row:last-child {
margin-bottom: 0;
}
.original-text {
width: 45%;
padding: 10px;
background: rgba(255,255,255,0.8);
border-radius: 5px;
position: relative;
}
.transformed-text {
width: 45%;
padding: 10px;
background: rgba(255,255,255,0.8);
border-radius: 5px;
margin-left: auto;
position: relative;
}
.transform-arrow {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: var(--primary-blue);
font-size: 24px;
}
</style>
</head> <body> <div class="ainnova-wrapper" id="top"> <div class="container"> <!-- HUVUDRUBRIK OCH INLEDNING --> <h1>Transkribering & Översättning</h1> <p><strong>Förvandla ditt ljud- och videomaterial till text och gör ditt innehåll tillgängligt på nya språk – allt med AI-assisterad precision.</strong></p> <p>Maximera värdet av ditt innehåll genom att göra det tillgängligt i fler format och för fler målgrupper. Vår kombination av avancerad AI-teknik säkerställer högkvalitativa transkriptioner och översättningar som bevarar både information och känsla i originalinnehållet.</p>
<!-- BILDCONTAINER -->
<div class="image-container">
<img src="<https://images.unsplash.com/photo-1516534775068-ba3e7458af70?w=800&auto=format&fit=crop>" alt="Person som lyssnar på ljudmaterial för transkribering">
<img src="<https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?w=800&auto=format&fit=crop>" alt="Översatt text på olika språk">
</div>
<!-- FÖRSTA SEKTIONEN -->
<h2>Fördelar med professionell transkribering och översättning</h2>
<p>Att göra ditt innehåll tillgängligt i textformat och på olika språk öppnar nya möjligheter för din verksamhet.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Öka tillgängligheten:</strong> Gör ditt innehåll användbart för personer med hörselnedsättning och för dem som föredrar att läsa istället för att lyssna</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Förbättra sökbarheten:</strong> Transkriberat innehåll kan indexeras av sökmotorer, vilket ökar synligheten och räckvidden för ditt material</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Nå nya marknader:</strong> Översättningar gör det möjligt att kommunicera med kunder och partners på deras modersmål, vilket bygger förtroende och ökar försäljningen</span>
</li>
</ul>
<!-- BETONINGSBOX -->
<div class="highlight-box">
<h3>AI-assisterad precision</h3>
<p>Vi använder marknadens mest avancerade AI-verktyg för transkribering och översättning, men till skillnad från helautomatiserade lösningar granskar och finjusterar vi alltid resultatet manuellt. Detta ger dig det bästa av två världar: AI-teknikens hastighet och kostnadseffektivitet kombinerat med förståelsen för nyanser, kontext och branschspecifik terminologi.</p>
</div>
<!-- VISUELL KNORR: TEXT TRANSFORMATION EXEMPEL -->
<div class="text-transform-visual">
<div class="transform-row">
<div class="original-text">🎙️ "Viii presenterar vår nya grääj som kommer å få någre å tappe haka."</div>
<span class="transform-arrow">→</span>
<div class="transformed-text">📝 "Vi presenterar vår nya produkt som kommer att revolutionera marknaden."</div>
</div>
<div class="transform-row">
<div class="original-text">🇸🇪 "Vårt team har arbetat hårt för att leverera högsta kvalitet."</div>
<span class="transform-arrow">→</span>
<div class="transformed-text">🇬🇧 "Our team has worked hard to deliver the highest quality."</div>
</div>
</div>
<!-- ANDRA SEKTIONEN - TABELL -->
<h2>Vårt erbjudande för transkribering och översättning</h2>
<p>Ett samlat paket som ger dig allt du behöver för att göra ditt innehåll tillgängligt i text och på nya språk.</p>
<div class="table-title">Paket och pris för transkribering och översättning. 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 innehållspaket</td>
<td>8 000 kr</td>
<td>Transkribering och/eller översättning av upp till 3 timmar ljudmaterial eller 15 sidor text. Inkluderar manuell granskning och redigering, formatering enligt önskemål, och leverans i valfritt filformat. Perfekt för podcast-avsnitt, intervjuer, föreläsningar, presentationer, eller webbinnehåll.</td>
</tr>
</tbody>
<tbody>
<tr data-category="Tilläggstjänster">
<td>Extra material</td>
<td>2 000 kr/timme ljudmaterial<br>1 500 kr/5 sidor text</td>
<td>För projekt som överskrider standardpaketet. Samma höga kvalitet och service som i grundpaketet.</td>
</tr>
<tr data-category="Tilläggstjänster">
<td>Express-leverans</td>
<td>1 000 kr</td>
<td>Garanterad leverans inom 48 timmar för standardpaketet (beroende på tillgänglighet).</td>
</tr>
</tbody>
</table>
</div>
<!-- TREDJE SEKTIONEN -->
<h2>Så går vi tillväga</h2>
<p>Vi arbetar enligt en beprövad process för att leverera högkvalitativa transkriptioner och översättningar med snabb vändtid.</p>
<!-- UNDERSEKTIONER -->
<h3>Material och brief</h3>
<p>Du skickar ditt material till oss tillsammans med information om önskad målgrupp, stil, format och särskilda krav. Vi bekräftar mottagandet och går igenom materialet för att säkerställa att vi förstår dina behov. Vi återkommer med eventuella frågor och bekräftar leveransdatum.</p>
<h3>AI-assisterad produktion</h3>
<p>Vi kör ditt material genom våra specialanpassade AI-verktyg för initial transkribering eller översättning. För ljudmaterial inkluderar detta avancerad taligenkänning som kan identifiera olika talare och hantera överlappande tal. För översättningar används kontextbaserade modeller som förstår branschspecifik terminologi.</p>
<h3>Granskning och finslipning</h3>
<p>Våra experter går igenom det AI-producerade materialet, korrigerar eventuella fel, anpassar terminologi och säkerställer att ton och stilnivå överensstämmer med dina önskemål. Vi formaterar dokumentet enligt dina specifikationer och levererar det i det filformat du önskar.</p>
<!-- BILD I FULLBREDD -->
<img src="<https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&auto=format&fit=crop>" alt="Globalt språkligt utbyte och kommunikation" class="full-width-image">
<!-- FJÄRDE SEKTIONEN -->
<h2>Därför ska du välja AINNOVA</h2>
<p>Vi kombinerar det bästa av modern AI-teknik för överlägsna resultat.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Bättre än enbart AI:</strong> Våra transkriptioner och översättningar granskas alltid av experter, vilket ger betydligt högre kvalitet än helautomatiserade tjänster</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Mer kostnadseffektivt än traditionella byråer:</strong> Vår AI-assisterade process gör att vi kan erbjuda högkvalitativa resultat till en bråkdel av kostnaden för helt manuella tjänster</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Branschanpassad terminologi:</strong> Vi säkerställer att specifika termer och uttryck hanteras korrekt baserat på din bransch och målgrupp</span>
</li>
</ul>
<!-- KONKURRENTER -->
<div class="competitors-section">
<h3>Andra leverantörer inom transkribering och översättning:</h3>
<p><a href="<https://delicate-neighbor-37a.notion.site/Transkribrering-vers-ttning-1cd9c8142e3f8086bf51de8adbe82d96>" 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>