SAM THOMAS DESIGN, BERGEN
NO

HTML og e-postdesign

HTML · Nyhetsbrev og kampanjer

Ti merkevarer med selvstendige e-postuttrykk: møbelkatalog, reisebrev, sportsfortelling, produktnytt og redaksjonelle formater.

Designstudier og egen kampanje
HTML · Nyhetsbrev og kampanjer · skjermbilde av prosjektetÅpne nettstedet

Hvordan tilpasse et nyhetsbrev til ulike bransjer og gi innholdet tydelig hierarki?

Jeg har utformet ti forskjellige nyhetsbrevkonsepter, fra et kort personlig B2B-brev til et lengre interiørmagasin med produktutvalg. Andre eksempler viser produktoppdatering med endringslogg, kulturinvitasjon, sportsfortelling og restaurantmeny. Typografi, farger, lengde og innholdshierarki er valgt separat for hver merkevare. Galleriet viser de faktiske HTML-filene i bred og smal visning.

Mitt bidrag
Visuell retning, layout, innhold og KI-støttet HTML
Målgruppe
Mottakere av nyhetsbrev og e-postkampanjer
Prosjektets status
Fiktive norske merkevarer. Bilder er illustrasjonsfoto, og priser og arrangementer er eksempler. Designprototyper kontrollert i nettleseren. De må testes i aktuelle e-postprogrammer før utsending. Designpartner-eksemplet er arkivert og viser ikke et gjeldende tilbud.

Relevant tjeneste

Se tjenesten som er nærmest kompetansen og arbeidsformen som vises i prosjektet.

Nettsider og webdesign

Dette viser prosjektet

  • Ulike visuelle retninger og innholdshierarkier
  • Ti selvstendige HTML-konsepter med mobilforhåndsvisning
  • Et eget kampanjeeksempel med tabelloppsett og inline-stiler

Slik jobbet jeg

Konsept og visuell retning

Jeg definerte ulike fiktive merkevarer, målgrupper og anledninger for utsending. Referanser fra redaksjonell design, netthandel og nyhetsbrev ble bearbeidet til egne kombinasjoner av typografi, farger, bilder og innholdsstruktur.

Innhold, bilder og HTML

Jeg styrte utformingen og brukte KI som støtte til HTML/CSS, tekstutkast og videre bearbeiding. Foto og KI-genererte konseptbilder ble valgt og tilpasset uttrykket. Malene ble utviklet og justert direkte i nettleseren, med ulike lengder, produktseksjoner og redaksjonelle grep.

Kontroll og avgrensning

Jeg vurderte og justerte marger og tekstbryting på mobil, bildevisning og lenker i nettleseren. Eksemplene er porteføljeprototyper med fiktivt innhold, ikke kundekampanjer. Før reell utsending må de tilpasses utsendingsplattformen og testes i aktuelle e-postklienter.

Designpartner · arkivert HTML-kampanje

Åpne hele samlingen
HTML · Nyhetsbrev og kampanjer | Sam Thomas