Tomi Novelli

Abstrakter Farbverlauf von Blau über Orange zu Rot und Magenta

Was macht Tomi Novelli?

  • Webdesign
    • UI/UX-Design
    • Figma-Prototyp
    • Design-System
  • Entwicklung
    • Webflow
    • CSS-Framework
    • Semantisches HTML
  • Sichtbarkeit
    • SEO
    • AEO
    • GEO
  • Markenführung
    • Logo & Corporate Identity
    • Printdesign
    • Markenanmeldung
  • Systeme
    • API-Integration
    • Buchung & Zahlung
    • Automatisierung
  • Projektmanagement
    • Discovery & Scoping
    • Sprint-Planung
    • Launch & Monitoring

Geschäftsführer & Gründer · Wien

Nicht vier Abteilungen, sonderneine Person.ein Ansprechpartner.eine Rechnung.

Tomi Novelli, Geschäftsführer von KROND, bei der Arbeit am Laptop

Direkt kontaktieren

Geschäftsführer bei KROND

Wer ist Tomi Novelli?

Tomi Novelli entwickelt seit 2020 Websites und führt seit Oktober 2025 KROND als Kleinunternehmen in Wien. Entwurf, Entwicklung, Schnittstellen und Markenführung liegen bei einer Person.

Rolle
Geschäftsführer, alleiniger Inhaber
Unternehmen
KROND, Kleinunternehmen
Gegründet
Oktober 2025
Sitz
Wien, Österreich
Herkunft
Rumänien, in Österreich seit 2014
Sprachen
Deutsch, Rumänisch, Englisch, Ungarisch, Serbokroatisch
Schwerpunkt
Webdesign, Entwicklung, Sichtbarkeit, Markenführung, Systeme, Projektmanagement
Plattform
Webflow, dazu eigenes CSS-Framework
Kunden international
Licuala Lanka, Sri Lanka · Superb Aerospace Technologies
Kunden Österreich
FreshFX Media GmbH, Salzburg
Eigene Marken
KROND (B2B) und Sugar Body (B2C)
Branchen

Für welche Branchen baut Tomi Novelli Websites?

KROND baut Websites für acht Branchen. Über die Technik entscheidet die Aufgabe der Seite: Unternehmensauftritt, Buchungsseite, Datenplattform oder mehrsprachiger Auftritt. Je Branche ändern sich der Datenbestand und die angebundene Fremdsoftware.

  • Beispiel-Website für einen Installateurbetrieb auf dem Smartphone: Startseite mit Buchungs-Button und einem Installateur mit Rohrzange

    Handwerk & Gebäudetechnik

    • Photovoltaik
    • Wärmepumpen
    • Sanitär & Heizung
    • Elektrotechnik
    • Dachdeckerei
    • Kälte- & Klimatechnik
  • Beispiel-Website für ein Renovierungsunternehmen auf dem Smartphone: Startseite mit einem neu ausgebauten Büroraum

    Bau & Innenausbau

    • Bauunternehmen
    • Tischlerei
    • Innenausbau
    • Metallbau
    • Fenster & Türen
    • Garten- & Landschaftsbau
  • Beispiel-Website für eine Immobilienmaklerin auf dem Smartphone: Startseite mit Porträt der Maklerin und einem modernen Einfamilienhaus

    Immobilien & Architektur

    • Immobilienmakler
    • Projektentwicklung
    • Bauträger
    • Architekturbüro
    • Innenarchitektur
    • Hausverwaltung
  • Beispiel-Website für ein KI-Softwareunternehmen auf dem Smartphone: Startseite zur Automatisierung von Abläufen mit KI-Tools

    IT & Software

    • SaaS
    • IT-Systemhaus
    • Cybersecurity
    • Managed Services
    • ERP- & SAP-Beratung
    • KI-Unternehmen
  • Beispiel-Website für einen Industriedienstleister auf dem Smartphone: Startseite mit einer Industrieanlage

    Industrie & Maschinenbau

    • Maschinenbau
    • Industrieautomation
    • Robotik
    • Engineering-Büro
    • Zulieferer
    • Brandschutztechnik
  • Beispiel-Website für eine Rechtsanwaltskanzlei auf dem Smartphone: Startseite mit Richterhammer und Button zur Beratung

    Beratung, Kanzlei & Finanz

    • Unternehmensberatung
    • Steuerkanzlei
    • Rechtsanwaltskanzlei
    • Personalberatung
    • Vermögensverwaltung
    • M&A-Beratung
  • Beispiel-Website für eine Arztpraxis auf dem Smartphone: Startseite mit Arzt, Mutter und Kind und Button zur Terminvereinbarung

    Medizin & Ästhetik

    • Zahnarztpraxis
    • Privatklinik
    • Dermatologie
    • Ästhetische Medizin
    • Kosmetikstudio
    • Gerätehandel
  • Beispiel-Website für ein Resort auf dem Smartphone: Startseite mit Tropengarten und Buttons für Zimmer und Aktivitäten

    Hotellerie & Tourismus

    • Boutique-Hotel
    • Wellnesshotel
    • Resort
    • Ferienunterkunft
    • Gastronomie
    • Reiseveranstalter
Methode

Wie baut Tomi Novelli eine Website?

Eine Website entsteht in vier Schritten: zuerst ein internes Projektwiki auf der lokalen Maschine, daraus ein Prototyp mit fertiger SEO-Struktur, darüber eine Tonalitätsschicht mit dem Vokabular der Marke, zuletzt die Entwicklung in Webflow mit einem eigenen CSS-Framework. Die Struktur steht vor dem Text, nicht umgekehrt.

  1. Projektwiki auf der lokalen Maschine

    Jedes Projekt bekommt zuerst ein eigenes Wiki auf der lokalen Maschine, nach dem LLM-Wiki-Muster von Andrej Karpathy. Darin sammeln sich Leistungen, Produkte, Zahlen, Quellen und Regeln. Jede neue Angabe wird eingeordnet und verknüpft, statt bei jeder Aufgabe neu recherchiert zu werden.

  2. Struktur vor Text: der SEO-Prototyp

    Aus dem Projektwiki entsteht die Seitenarchitektur und daraus ein Prototyp. Jeder Informationstyp bekommt eine eigene Seite, jede Seite eine echte HTML-Gliederung aus section, Überschriften, Absatz, Liste, Tabelle und article. Suchmaschinen und Sprachmodelle lesen diese Auszeichnung nativ.

  3. Tonalitätsschicht der Marke

    Über den strukturierten Text legt sich das Vokabular der Marke: Pflichtbegriffe, verbotene Begriffe, Reihenfolge der Aussagen und Satzlänge. Erst dieser Durchgang macht aus fachlich korrektem Text den Text genau dieser Marke, statt austauschbarer Standardausgabe.

  4. Entwicklung in Webflow

    Gebaut wird in Webflow. Aus dem Prototyp entstehen Komponenten, CMS-Struktur und Interaktionen, gestylt mit dem eigenen CSS-Framework. Erst in diesem Schritt bekommt die fertige Gliederung ihre Oberfläche.

Webflow

Auf welcher Plattform baut Tomi Novelli Websites?

Tomi Novelli baut jede Website in Webflow. Die Plattform verbindet Gestaltung, CMS und Hosting in einem System: Es gibt keinen eigenen Server, keine Updates und keine Sicherheits-Patches, um die sich der Kunde kümmern muss. Texte und Bilder pflegt der Kunde nach der Übergabe selbst im visuellen CMS.

Webflow Designer auf einem Laptop: die KROND-Startseite „Apparative Kosmetik für Kosmetikstudios“ in Bearbeitung, links der Navigator mit der Seitenstruktur
  • 71 %

    der Webflow-Websites bestehen Googles Core Web Vitals auf dem Smartphone, bei WordPress sind es 49 %.

  • 91 %

    der 11.334 im Jahr 2025 gemeldeten WordPress-Sicherheitslücken steckten in Plugins.

  • 46 %

    der 2025 gemeldeten WordPress-Lücken hatten bei Bekanntwerden noch keinen Patch.

  • 37 %

    der WordPress-Installationen laufen auf einer PHP-Version ohne offiziellen Sicherheitssupport.

Quellen: HTTP Archive mit Daten des Chrome UX Report, August 2026, Mobilgeräte, 60.684 Webflow- und 2,75 Mio. WordPress-Websites; Patchstack, State of WordPress Security in 2026; WordPress.org, Statistik der PHP-Versionen, Oktober 2026; php.net, Ende des Sicherheitssupports für PHP 8.1 am 31. Dezember 2025.

Datenintensive Websites

Worin liegt die Stärke von Tomi Novelli?

Die Stärke liegt bei datenintensiven Websites: Auftritten mit sehr vielen Einzelangaben, die voneinander abhängen und trotzdem einzeln auffindbar bleiben müssen. Je größer der Bestand, desto stärker entscheidet die Architektur über Auffindbarkeit und Ladezeit.

  • Umfangreiche Produktbeschreibungen

    Jedes Produkt mit Spezifikation, Anwendung, Zubehör und Datenblatt, statt einer kurzen Textkachel.

  • Technische Tabellen

    Messwerte, Normen und Vergleichsdaten in echten Tabellen, nicht in Fließtext gepresst.

  • Verknüpfte Information

    Querverweise zwischen Produkt, Verfahren, Norm und Anwendungsfall, damit ein Thema von jeder Seite aus erreichbar bleibt.

  • Maschinenlesbare Auszeichnung

    Überschriftenhierarchie, Listen, Tabellen und strukturierte Daten, wie Sprachmodelle sie nativ lesen.

  • Umfang

    Die Architektur ist auf Auftritte mit mehr als 100.000 Wörtern und mehreren tausend Seiten ausgelegt.

CSS-Framework

Was leistet das eigene CSS-Framework?

Das CSS-Framework von Tomi Novelli trennt wiederverwendbare Klassen strikt von Klassen, die nur einmal vorkommen. Diese Trennung entkoppelt die Größe der CSS-Datei von der Zahl der Seiten.

  • Namensschema

    Client First von Finsweet als Grundlage, weiter aufgefächert und je Designtyp eigens benannt.

  • Steuerung vom Root

    Farben, Abstände und Typografie liegen als Variablen im Root. Eine Änderung dort wirkt auf den gesamten Auftritt.

  • Wiederverwendbare Klassen

    Alles, was mehrfach vorkommt, wird einmal geschrieben und überall genutzt.

  • Einzelklassen

    Alles, was nur an einer Stelle vorkommt, bleibt davon getrennt. Eine Änderung dort verändert nichts an anderer Stelle.

  • Dateigröße

    Die CSS-Datei wächst mit der Zahl der Bausteine, nicht mit der Zahl der Seiten.

  • Gestaltungsfreiheit

    Jede Seite darf ein eigenes Layout bekommen, ohne dass eine andere Seite bricht.

Referenzen

Welche Projekte hat Tomi Novelli umgesetzt?

Tomi Novelli hat zwei veröffentlichte Case Studies umgesetzt: Licuala Lanka im Tourismus und Superb Aerospace Technologies in der Luftfahrt, beide in Kooperation mit Accuarella Digital SRL. Keine der beiden stammt aus der Beauty-Branche.

  • Boutique-Badezimmer im Resort Licuala Lanka in Sri Lanka
    Case Study 01 · Tourismus

    Licuala Lanka: Boutique-Resort in Sri Lanka

    Für das Boutique-Resort Licuala Lanka entstand eine ruhige Webflow-Website, die der Fotografie Raum gibt. Angebunden sind Lodgify für die Direktbuchung und ein regionaler Zahlungsanbieter, damit der Hotelalltag ohne Zwischenschritte läuft.

    • Kulturelles Verständnis vor Ort statt Recherche aus der Ferne, im direkten Austausch mit Einheimischen.

    • Analyse der Erwartungen europäischer Reisender und der saisonalen Reisetrends.

    • Wettbewerbsanalyse, um bekannte Kritikpunkte anderer Sri-Lanka-Aufenthalte zu vermeiden.

    • Eigene Reiseführer als organischer Sichtbarkeitsgewinn und als Mehrwert vor Ort.

    • PageSpeed
      95+

      Quelle: Lighthouse-Messung

    • Ladezeit
      −65 %

      Quelle: gemessen am LCP, vor und nach der Migration

    • Direktbuchungen
      +22 %

      Quelle: Lodgify, erste Saison nach dem Relaunch

    • Bewertung
      4,8 / 5

      Quelle: Gästebewertungen der ersten Saison

    Kunde
    Licuala Lanka, CHAI WAN, Hongkong
    Branche
    Tourismus und Hotellerie
    Zeitraum
    Oktober 2025 bis laufend
    Leistungen
    WIX zu Webflow Migration, UI/UX Redesign, Payment Integration
    Werkzeuge
    Webflow, Lodgify, Figma, Lokalbank
    Design
    Iosef Vavrek
    Entwicklung
    Tomi Novelli
  • UI-Design der Impact-Cards für Superb Aerospace Technologies
    Case Study 02 · Luftfahrt

    Superb Aerospace Technologies: Aviation Asset Management

    Für Superb Aerospace Technologies entstand eine Plattform für Aviation Asset Management, die technologische Präzision mit intuitiver Handhabung verbindet. Für dieses Projekt schrieb Tomi Novelli das eigene CSS-Framework, mit dem die Plattform wachsen kann, ohne dass mit jeder neuen Seite neue Klassen entstehen.

    • Informationsdichte: große Datenmengen und hochspezifische Luftfahrt-Terminologie bei starker Abhängigkeit der Informationen untereinander.

    • Wissensvermittlung: Fachbegriffe verständlich aufbereiten, ohne die fachliche Tiefe zu verlieren.

    • Barrierefreiheit: hürdenfreier Zugang zu geschäftskritischen Daten für eine globale Zielgruppe.

    • Skalierbarkeit: kein Code-Bloat bei Erweiterungen, die Ladegeschwindigkeit bleibt konstant.

    Kunde
    Superb Aerospace Technologies
    Branche
    Aviation Asset Management
    Zeitraum
    Februar 2025 bis laufend
    Leistungen
    Squarespace zu Webflow Migration, UI/UX Redesign, eigenes CSS-Framework, Animations Design
    Werkzeuge
    Webflow, Figma, Adobe Suite, Tally Forms, Finsweet
    Design
    Iosef Vavrek
    Entwicklung
    Tomi Novelli
Werdegang

Wie ist Tomi Novelli zur Webentwicklung gekommen?

Der Weg in die Webentwicklung führt nicht über ein Studium, sondern über technische Berufe, in denen ein Fehler sofort sichtbar wird: Netzbetrieb in Rumänien, Baustelle in Wien, Glasfasertechnik, dann die eigene Firma.

  1. bis 2014

    Systemadministrator in Rumänien

    Betreuung eines Telekommunikations- und Fernsehnetzes. Ein Ausfall trifft sofort tausende Haushalte, deshalb galt dort bereits absolute Null-Fehler-Toleranz.

    Netzbetrieb
  2. 2014

    Übersiedlung nach Österreich

    Neuanfang in Wien mit ersten Stationen bei Simacek und SWK Isolierung. Körperliche Arbeit, Frühschicht, Baustelle, parallel der Aufbau der Sprache und der ersten Online-Arbeiten.

    Wien
  3. Wechsel

    Glasfasertechnik bei SPIE

    Einstieg in die Glasfasertechnik bei SPIE, ehemals KEM-Montage. Millimeterarbeit unter Zeitdruck, im Schacht und bei jedem Wetter.

    Hochpräzision
  4. seit 2020

    Digitale Dienstleistungen

    Neuausrichtung auf technische Web-Infrastrukturen, aufbauend auf langjähriger Erfahrung als Power User. Schrittweiser Aufbau einer internationalen Kundenbasis.

    Webflow
  5. Okt 2025

    Gründung von KROND

    Offizielle Gründung des Kleinunternehmens in Wien. Zwei Zweige unter einem Namen: medical-grade Ästhetikgeräte für den DACH-Raum und die Webflow-Agentur krond.at.

    Kleinunternehmen
  6. heute

    Zwei Marken, ein Betreiber

    KROND für den Fachhandel und Sugar Body als Salonmarke, beide in eigener Hand. Dazu weiterhin eine hochpräzise Position im Feld bei Leyrer + Graf.

    KROND · Sugar Body

Häufige Fragen zu Tomi Novelli

  • Wer steht hinter KROND?

    Hinter KROND steht Tomi Novelli, Geschäftsführer und alleiniger Inhaber. KROND ist ein Kleinunternehmen mit Sitz in Wien, gegründet im Oktober 2025.

    Er verantwortet Webdesign, Markenführung, IT, Entwicklung und Projektmanagement. Die medizinische, rechtliche und kosmetische Fachbegleitung übernimmt ein festes Team aus Ärztin, Rechtsanwältin, Geräte-Trainerin und Kosmetikerin.

  • Welche eigenen Beauty-Marken gibt es?

    Zwei eigene Beauty-Marken: KROND für die Distribution medical-grade Ästhetikgeräte im DACH-Raum, Unionsmarke EM500000019256656, und Sugar Body als Salonmarke unter sugarbody.at, Unionsmarke 019341265.

    Dazu kommt die Webflow-Agentur krond.at. Weil Tomi Novelli selbst eine Salonmarke führt, kennt er den Studioalltag nicht nur aus Kundengesprächen.

  • Welche Aufgaben liegen bei KROND in einer Hand?

    Tomi Novelli verantwortet bei KROND sechs Bereiche: Webdesign, Entwicklung, Sichtbarkeit, Markenführung, Systeme und Projektmanagement. Er bündelt damit die gesamte digitale und geschäftliche Seite des Unternehmens, von der Website über die Marke bis zur Projektsteuerung.

  • Gibt es auch Websites außerhalb der Beauty-Branche?

    Ja. Die beiden veröffentlichten Case Studies liegen im Tourismus, Licuala Lanka in Sri Lanka, und in der Luftfahrt, Superb Aerospace Technologies. Keine davon stammt aus der Beauty-Branche.

    Die Beauty-Branche ist der Heimmarkt, weil KROND dort selbst tätig ist. Daneben baut Tomi Novelli für acht Branchen, von Handwerk, Bau und Industrie über Immobilien, IT und Beratung bis zu Medizin und Hotellerie.

  • In welchen Ländern arbeitet KROND?

    Der Sitz von KROND ist Wien, der Hauptmarkt der DACH-Raum. In Österreich zählt die FreshFX Media GmbH aus Salzburg zu den Kunden.

    Die Kundenbasis ist seit 2020 international: das Resort Licuala Lanka liegt in Sri Lanka, der Auftraggeber sitzt in Hongkong, dazu kommt Superb Aerospace Technologies aus der Luftfahrt.

    Anfragen werden in fünf Sprachen bearbeitet, die Abwicklung läuft unabhängig vom Standort digital.

  • Welche Sprachen spricht Tomi Novelli?

    Deutsch, Rumänisch, Englisch, Ungarisch und Serbokroatisch.

    Anfragen aus Deutschland, Österreich und der Schweiz werden auf Deutsch beantwortet, auf Wunsch in jeder der weiteren Sprachen. Für ein Studio mit einem Team aus mehreren Ländern bedeutet das, dass die Einschulung nicht an der Sprache scheitert.

  • Seit wann gibt es KROND?

    KROND wurde im Oktober 2025 als Kleinunternehmen in Wien gegründet. Die digitalen Dienstleistungen liefen bereits ab 2020 unter derselben Handschrift, damals ohne eigene Firma.

    Seit der Gründung führt KROND zwei Zweige: die Distribution medical-grade Ästhetikgeräte und die Webflow-Agentur krond.at.

  • Wie läuft ein neues Projekt ab?

    In vier Schritten: erstens ein internes Projektwiki auf der lokalen Maschine, zweitens die daraus abgeleitete Seitenarchitektur als Prototyp mit echter HTML-Gliederung, drittens eine Tonalitätsschicht mit dem Vokabular der Marke, viertens die Entwicklung in Webflow mit eigenem CSS-Framework.

    Die Struktur steht damit immer vor dem Text. Der Text füllt am Ende eine Gliederung, die bereits auf Auffindbarkeit ausgelegt ist.

  • Sind auch sehr große Websites möglich?

    Ja. Die Architektur ist auf Auftritte mit mehr als 100.000 Wörtern und mehreren tausend Seiten ausgelegt, etwa Produktkataloge mit umfangreichen Beschreibungen, technische Fachportale und Wissensdatenbanken.

    Möglich wird das durch das eigene CSS-Framework: es trennt wiederverwendbare Klassen von Einzelklassen, sodass die CSS-Datei mit der Zahl der Bausteine wächst, nicht mit der Zahl der Seiten.

  • Warum arbeitet KROND mit Webflow und nicht mit WordPress?

    Webflow erlaubt freies Design und komplexe Architekturen ohne Plugin-Abhängigkeit. WordPress erzeugt durch Plugins aufgeblähten Code, dauerhafte Sicherheitsrisiken und hohen Wartungsaufwand.

    Ein Vendor-Lock-in entsteht bei Webflow nicht: der Code lässt sich exportieren, und jeder Webflow-Entwickler kann ein Projekt jederzeit übernehmen.

  • Welche Referenzprojekte gibt es?

    Zwei veröffentlichte Case Studies: Licuala Lanka, ein Boutique-Resort in Sri Lanka mit WIX-zu-Webflow-Migration, Lodgify-Anbindung und regionalem Payment, sowie Superb Aerospace Technologies, eine Plattform für Aviation Asset Management mit eigenem CSS-Framework.

    Design in beiden Fällen Iosef Vavrek, Entwicklung Tomi Novelli, in Kooperation mit Accuarella Digital SRL.

  • Wie erreiche ich Tomi Novelli?

    Per E-Mail an tomi@krond.at oder telefonisch unter +43 660 593 59 48. Der Sitz ist Wien, die Zeitzone Europe/Vienna.

    Die Online-Terminbuchung befindet sich in Vorbereitung. Bis dahin läuft die Terminvereinbarung über E-Mail oder Telefon.