001 / 006 PORTFOLIO
LÜBECK · 53°53'N
FREELANCE · LÜBECK · SEIT 2025

Nico Clasen.

Interface- & Frontend-Designer.

Konzeption und Umsetzung digitaler Projekte — von Wireframe bis produktivem Code. Für Agenturen, Startups und kleine Unternehmen.

Portfolio ansehen → CV downloaden ↓
Werkstudent im Studierendenmarketing,
Universität zu Lübeck
Selbstständig für Vereine, Gastro
und kleine Unternehmen
Bachelor Medieninformatik (Note 1,3),
Universität zu Lübeck
Arbeiten / 002

Ausgewählte
Projekte.

Vier Projekte aus Design, Frontend und Content — von der Konzeption bis zur Umsetzung.

▢ Screendesign · Uni Lübeck Website
01 · Interface Design & Frontend seit 09/2023

Universität zu Lübeck

Studierendenmarketing & Website-Relaunch
Rolle
Screendesign, Wireframes und Frontend-Umsetzung im dreiköpfigen Relaunch-Team.
Prozess
Von der Anforderungsanalyse mit dem Studierendenmarketing über Wireframes und Screendesign in Figma bis zur konsistenten Umsetzung des Corporate Designs im TYPO3-Frontend.
Ergebnis
Modernisierte Studierenden-Website, konsistente CI über alle Medien.
Figma TYPO3 HTML/CSS/JS Wireframing Screendesign
02 · Konzeption & Entwicklung Bachelorarbeit · Note 1,3

Interaktive Campuskarte

OpenStreetMap-basierte Web-Anwendung
Rolle
Alleinige Verantwortung von Anforderungsanalyse über Prototyping bis zur technischen Umsetzung.
Prozess
Anforderungsanalyse mit Stakeholdern, Wireframes und Prototyping, Implementierung als Frontend-Anwendung auf Basis von OpenStreetMap.
Ergebnis
Abschluss mit 1,3 — aktuell in Vorbereitung für den Produktiv-Einsatz an der Universität.
OpenStreetMap JavaScript Prototyping UX Research Frontend
▢ Screenshot · Interaktive Campuskarte
▢ Screenshot · Web-Anwendung
03 · Frontend-Mitentwicklung Freelance · 2025

Versicherungsmakler

Kundenspezifische Web-Anwendung
Rolle
Frontend-Mitentwicklung an einer Webanwendung für einen Versicherungsmakler.
Prozess
Umsetzung im Team, Fokus auf UI-Komponenten und Frontend-Logik. [Details folgen]
Ergebnis
Produktive Anwendung im Einsatz.
Frontend JavaScript UI Components Team-Projekt
04 · Content & Social Media Freelance · seit 02/2025

Champers Bad Segeberg

Social Media & Content Production
Rolle
Komplette Social-Media-Betreuung, Content-Produktion, Foto- und Video-Content.
Prozess
Konzeption eines konsistenten visuellen Systems, regelmäßige Content-Produktion vor Ort, Foto-Shootings und Reel-Produktion in eigener Umsetzung.
Ergebnis
Aufrufzahlen von ca. 3.000 auf über 125.000 gesteigert.
Adobe Creative Cloud Content Strategy Foto / Video Instagram
▢ Screenshot · Champers Instagram
Freelance / 003

Was ich für
Kunden mache.

Als Freelancer arbeite ich mit Vereinen, kleinen Unternehmen und Gastronomie — von der Konzeption bis zur laufenden Betreuung.

01
◐

Webdesign & Frontend

Gestaltung und Umsetzung responsiver Websites – u. a. mit WordPress, TYPO3 oder als eigene Frontend-Entwicklung.

02
✦

Interface Design

Wireframing, Prototyping und Screendesign in Figma. Design Systems, konsistente Umsetzung, User-zentrierte Prozesse.

03
◉

CMS-Umsetzung

TYPO3, WordPress und Custom-Setups. Von der Content-Struktur bis zum Redakteurs-freundlichen Backend.

04
→

Social Media & Content

Laufende Social-Media-Betreuung, Content-Erstellung inkl. Fotos, Videos und Grafiken.

Anfrage senden.

Für Kundenprojekte und Kollaborationen — Preise auf Anfrage.

Kontakt aufnehmen →
Über / 004
▢ Portrait Nico Clasen

Ich baue Interfaces,
die funktionieren.

Ich bin Nico Clasen — Interface-Designer und Frontend-Developer aus Lübeck. Ich mag es, wenn Konzept und Umsetzung aus einer Hand kommen.

Nach meinem Bachelor in Medieninformatik an der Universität zu Lübeck (Note 1,3) arbeite ich heute an zwei Fronten: Als Werkstudent im Studierendenmarketing der Uni Lübeck bin ich Teil des Relaunch-Teams für die Studierenden-Website — mit Fokus auf Screendesign, Wireframes und Frontend-Umsetzung. Parallel betreue ich selbstständig eigene Projekte für kleine Unternehmen und Vereine.

Mich reizt an dieser Kombination, dass ich beide Seiten kenne: Ich weiß, wie ein User-Interface aussehen soll, und ich weiß, wie ich es baue. Kein Übergabe-Ping-Pong zwischen Design und Development.

Freelance-Designer · Selbstständig
seit 10/2025

Eigenständige Konzeption und Umsetzung digitaler Projekte für kleine Unternehmen und Vereine — Webdesign, Frontend, Social Media.

Werkstudent Studierendenmarketing · Universität zu Lübeck
seit 09/2023

Screendesign, Wireframes und Frontend-Umsetzung im 3-köpfigen Relaunch-Team. Konsistente Umsetzung des Corporate Designs über verschiedene Medien.

Bachelor Medieninformatik · Universität zu Lübeck
Abschluss 2026 · Note 1,3

Bachelorarbeit: Interaktive Campuskarte auf OpenStreetMap-Basis — von Anforderungsanalyse über Wireframes und Prototyping bis zur technischen Umsetzung.

Skills / 005

Womit ich
arbeite.

Vom Wireframe bis zum produktiven Frontend, vom Corporate Design bis zur CMS-Umsetzung.

Design 01
  • Figma
  • Screendesign
  • Wireframing
  • Prototyping
  • Design Systems
  • Corporate Design
Development 02
  • HTML5
  • CSS3 / SCSS
  • JavaScript
  • Frontend-Entwicklung
  • OOP
  • Responsive Design
CMS 03
  • TYPO3
  • WordPress
  • Content-Struktur
  • Redakteurs-Setups
  • Custom Templates
Tools 04
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe InDesign
  • Adobe Premiere
  • VS Code
  • Git
Kontakt / 006

Lass uns
sprechen.

Für Bewerbungen als Interface-/Frontend-Designer, Kundenanfragen für Freelance-Projekte oder einfach ein unverbindliches Kennenlernen.

E-Mail
hallo@clnmedia.de
Telefon
0173 92 73 170
Standort
Lübeck · überregional
LinkedIn
→ Profil ansehen Link folgt
CV / Lebenslauf
→ PDF downloaden ↓
← Zurück

Impressum

Angaben gemäß § 5 TMG

Nico Clasen
CLN Media
Siedlungsstr. 11
23826 Todesfelde
Deutschland

Kontakt

Telefon: 0173 92 73 170
E-Mail: hallo@clnmedia.de

Umsatzsteuer

Gemäß § 19 UStG (Kleinunternehmerregelung) wird keine Umsatzsteuer berechnet und ausgewiesen.

Steuernummer

11/031/00968

Berufsbezeichnung

Dienstleistungen in den Bereichen Mediengestaltung, digitale Inhalte, Web- und Softwaredienstleistungen, Design sowie damit verbundene Beratungs- und Serviceleistungen.

Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV

Nico Clasen
Siedlungsstr. 11
23826 Todesfelde

EU-Streitschlichtung

Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: https://ec.europa.eu/consumers/odr/

Meine E-Mail-Adresse findest du oben im Impressum.

Verbraucherstreitbeilegung / Universalschlichtungsstelle

Ich bin nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.

Haftung für Inhalte

Als Diensteanbieter bin ich gemäß § 7 Abs. 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.

Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.

Haftung für Links

Mein Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.

Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.

Urheberrecht

Die durch den Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.

Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet.

← Zurück

Datenschutzerklärung

1. Datenschutz auf einen Blick

Allgemeine Hinweise

Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit deinen personenbezogenen Daten passiert, wenn du diese Website besuchst. Personenbezogene Daten sind alle Daten, mit denen du persönlich identifiziert werden kannst.

Datenerfassung auf dieser Website

Wer ist verantwortlich für die Datenerfassung auf dieser Website?
Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten kannst du dem Impressum dieser Website entnehmen.

2. Hosting

Diese Website wird gehostet bei: [Hosting-Anbieter, z.B. Vercel Inc., 340 S Lemon Ave #4133, Walnut, CA 91789, USA]. Der Anbieter erfasst technische Daten (Server-Logs) zur Bereitstellung und Sicherheit der Website.

3. Allgemeine Hinweise und Pflichtinformationen

Datenschutz

Die Betreiber dieser Website nehmen den Schutz deiner persönlichen Daten sehr ernst. Wir behandeln deine personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.

Hinweis zur verantwortlichen Stelle

Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
Nico Clasen
CLN Media
[Anschrift]
E-Mail: hallo@clnmedia.de
Telefon: 0173 92 73 170

4. Datenerfassung auf dieser Website

Kontaktformular

Wenn du uns per Kontaktformular Anfragen zukommen lässt, werden deine Angaben aus dem Anfrageformular inklusive der von dir dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne deine Einwilligung weiter.

Anfrage per E-Mail oder Telefon

Wenn du uns per E-Mail oder Telefon kontaktierst, wird deine Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten zum Zwecke der Bearbeitung deines Anliegens bei uns gespeichert und verarbeitet.

5. Deine Rechte

Du hast jederzeit das Recht auf:

Wichtiger Hinweis: Diese Datenschutzerklärung ist eine stark verkürzte Vorlage und rechtlich nicht ausreichend für den produktiven Einsatz. Nutze bitte einen professionellen Datenschutz-Generator wie e-recht24.de oder datenschutz-generator.de, um eine vollständige und aktuelle DSGVO-konforme Erklärung zu erhalten. Ergänze außerdem alle Platzhalter (rot markiert) mit deinen konkreten Angaben.