ENOR Technologies

INDIVIDUELLES WEBSITE-DESIGN

Ein Auftritt, derIhre Marke unverwechselbar macht.

Wir gestalten das Design Ihrer Website rund um Identität, Inhalte und Zielgruppe. Von der Seitenstruktur bis zu den Details der Oberfläche schaffen wir ein klares und einheitliches visuelles Erlebnis.

Design besprechenAblauf ansehen
Atelier LineaIllustratives Konzept
  • Struktur
  • UX/UI
  • Interaktiver Prototyp

IDENTITÄT IM WEB

Ihre Website soll aussehen und sich anfühlen wie Ihre Marke.

Farben und Logo sind nur ein Teil der Identität. Auch wie Inhalte geordnet, Schriften eingesetzt und Fotos präsentiert werden, prägt die Wahrnehmung des Unternehmens.

Bei ENOR gestalten wir diese Elemente gemeinsam. Wir schaffen eine visuelle Richtung, die Ihre Botschaft stützt und Besuchern hilft, das Angebot zu verstehen, sich zu orientieren und den nächsten Schritt zu finden.

In dieser Leistung enthalten

  • Kreative Richtung
  • Informationsstruktur
  • Nutzererlebnis
  • Oberflächengestaltung
  • Wireframes
  • Responsive Design
  • Interaktive Prototypen
  • Visuelle Komponenten
  • Material für die Umsetzung

Nicht in dieser Leistung enthalten

  • Frontend- oder Backend-Programmierung
  • Aufbau eines CMS
  • Zahlungs- oder API-Integrationen
  • Veröffentlichung der Website
  • Hosting
  • Technische Wartung

Diese können als separates Entwicklungsprojekt angeboten werden.

Diese Leistung umfasst die Gestaltung. Programmierung, CMS, Integrationen und Veröffentlichung gehören zur Entwicklung und werden separat angeboten.

WAS DIE LEISTUNG UMFASST

Von der kreativen Richtung zu detaillierten Ansichten.

Sechs Bausteine, die aufeinander aufbauen.

  1. 01

    Analyse von Identität und Zielgruppe

    Wir verstehen Marke, Inhalte und Nutzer.

  2. 02

    Struktur und Navigation

    Wir ordnen die Seiten und den Informationsfluss.

  3. 03

    Wireframes

    Wir legen die Hierarchie vor der visuellen Gestaltung fest.

  4. 04

    UI-Design

    Wir gestalten Ansichten, Komponenten und Zustände.

  5. 05

    Responsive Ansichten

    Wir passen das Design an die vereinbarten Bildschirmgrößen an.

  6. 06

    Prototyp und Übergabe

    Wir verknüpfen die wichtigsten Interaktionen und bereiten das Material für die Umsetzung vor.

KREATIVE RICHTUNG

Eine visuelle Sprache mit Absicht.

Wir legen eine Richtung fest, die zur Positionierung des Unternehmens passt und sich über die ganze Website halten lässt.

  • Moodboard
  • Referenzen
  • Typografie
  • Farbpalette
  • Bildsprache
  • Icons
  • Abstände
  • Gestaltung der Komponenten
Moodboard · Atelier LineaIllustratives Konzept

Typografie

Aa

Typografie · Überschrift 40/48 · Text 16/26

Palette

SandWaldOliveNuss

Icons

Abstände

RuhigWarmGeordnetBildsprache: Natürliches Licht, warme Töne

Referenzen nutzen wir, um über die Richtung zu sprechen, nicht um Kompositionen oder Material zu kopieren.

Neues Logo und Brandbook sind eigene Leistungen, sofern sie nicht im Angebot enthalten sind.

STRUKTUR & UX

Vor der Optik klären wir, was verstanden werden muss.

Sitemap und Wireframes zeigen, was jede Seite enthält, in welcher Reihenfolge und warum, bevor wir Farben oder Fotos wählen.

  • Ziele der Seite
  • Wichtigste Zielgruppen
  • Sitemap
  • Navigation
  • Informationshierarchie
  • Abläufe
  • Platzierung der CTAs
  • Aufbau der Formulare

Nutzerinterviews, Usability-Tests und erweiterte Recherche sind nur enthalten, wenn sie Teil des Projekts sind; eine interne Besprechung ist keine Nutzerforschung.

Sitemap und WireframeIllustratives Konzept

Seiten

Atelier Linea

Notizen · Start

  1. 1Hero mit Angebot und Haupt-CTA
  2. 2Drei Leistungen mit Links
  3. 3Zwei ausgewählte Projekte
  4. 4Kurzes Kontaktformular

Wählen Sie eine Seite in der Sitemap, um Wireframe und Notizen zu sehen.

OBERFLÄCHENGESTALTUNG

Details, die ein einheitliches Erlebnis schaffen.

Wir gestalten die Seiten im Projektumfang und legen fest, wie jede Komponente in jedem Zustand aussieht.

Illustratives Konzept
Beratung buchen

Zustand

Visuelle Spezifikation · Default: Die Grundansicht.

Wählen Sie Komponente und Zustand, um die visuelle Spezifikation zu sehen.

Seiten, je nach Umfang

  • Startseite
  • Leistungsseiten
  • Über uns
  • Kontakt
  • Listen
  • Detailseiten
  • Navigation
  • Footer
  • Formulare

Zustände sind visuelle Spezifikationen und gestaltetes Verhalten für das Team, das sie umsetzt; sie sind keine programmierten Funktionen.

RESPONSIVE DESIGN

Dieselbe Marke, angepasste Komposition für jeden Bildschirm.

Wir gestalten Desktop, Smartphone und bei Bedarf Tablet und erklären, wie sich jedes Element zwischen den Bildschirmgrößen verhält.

  • Desktop
  • Mobile
  • Tablet bei Bedarf
  • Mobile Navigation
  • Reihenfolge der Inhalte
  • Typografie
  • Buttons
  • Formulare
  • Galerien
  • Lange Inhalte

Verhalten zwischen Bildschirmen

ElementDesktopTabletSmartphone
NavigationHorizontales MenüKompaktes horizontales MenüMenü-Button
Projekte3 Spalten2 Spalten1 Spalte
H1-Überschrift40 px34 px28 px
ButtonsNebeneinanderNebeneinanderVolle Breite
GalerieRasterRasterHorizontales Scrollen

Das Design legt das Verhalten fest; dass es auf Geräten funktioniert, bestätigt sich erst nach Umsetzung und Test.

DesktopTabletSmartphoneIllustratives Konzept
atelier-linea.example
Atelier LineaStudioProjekteLeistungenKontakt

Räume, die sich wie Zuhause anfühlen.

Innenarchitektur für Wohnungen und Büros.

Beratung buchen

Leistungen

  • Planung
  • Einrichtung
  • Beleuchtung

Ausgewählte Projekte

  • Wohnung in Tirana · 120 m²

  • Büro in Durrës · 260 m²

Atelier LineaStudioProjekteLeistungenKontakt

Räume, die sich wie Zuhause anfühlen.

Innenarchitektur für Wohnungen und Büros.

Beratung buchen

Leistungen

  • Planung
  • Einrichtung
  • Beleuchtung

Ausgewählte Projekte

  • Wohnung in Tirana · 120 m²

  • Büro in Durrës · 260 m²

Atelier Linea

Räume, die sich wie Zuhause anfühlen.

Innenarchitektur für Wohnungen und Büros.

Beratung buchen

Leistungen

  • Planung
  • Einrichtung
  • Beleuchtung

Ausgewählte Projekte

  • Wohnung in Tirana · 120 m²

Öffnen Sie das Menü auf dem Smartphone und vergleichen Sie die Verhaltenstabelle zwischen den Bildschirmen.

INTERAKTIVER PROTOTYP

Das Erlebnis vor der Umsetzung sehen.

Der Prototyp verbindet die wichtigsten Ansichten, damit Sie Navigation und Nutzungsablauf bewerten können, bevor die Entwicklung beginnt.

  • Menü
  • Seitenwechsel
  • Tabs
  • Formulare
  • Auswahl
  • Bestätigungszustände

Prototyp: simuliert Interaktion, sendet keine Daten

Atelier Linea

Räume, die sich wie Zuhause anfühlen.

  1. Start
  2. Menü
  3. Leistungen
  4. Kontakt
  5. Bestätigung

Klicken Sie sich durch den Prototyp wie durch eine Website. Aktivieren Sie die klickbaren Bereiche, um die Verknüpfungen zu sehen.

Der Prototyp simuliert die Interaktion. Er verarbeitet keine Zahlungen, sendet keine Daten und ist keine funktionierende Website.

Nicht jede Mikrointeraktion wird im Prototyp umgesetzt; welche Abläufe verknüpft werden, legen wir nach Umfang fest.

KOMPONENTEN & VISUELLE RICHTLINIEN

Eine Basis, an der sich die Umsetzung orientiert.

Wir bereiten die Stile und wiederverwendbaren Komponenten des Projekts vor, damit das Entwicklungsteam auf jeder Seite denselben Regeln folgt.

  • Schriftstile
  • Farben
  • Abstände
  • Raster
  • Buttons
  • Formularfelder
  • Karten
  • Navigation
  • Icons
  • Zustände
  • Wiederverwendbare Komponenten
Illustratives Konzept
  • Räume, dieH1 · 40 / 48 · 700
  • Räume, dieH2 · 28 / 36 · 600
  • Räume, dieH3 · 20 / 28 · 600
  • Räume, dieText · 16 / 26 · 400
  • Räume, dieLabel · 12 / 16 · 600

Wechseln Sie die Tabs für Schriftskala, Farben, Abstände und Raster.

Eine Komponentenbibliothek für ein Projekt ist kein vollständiges Designsystem für die ganze Organisation.

Umfang der Bibliothek und Grad der Dokumentation werden im Angebot festgelegt.

ÜBERGABE

Design, organisiert für den nächsten Schritt.

Laut Vereinbarung übergeben wir das Material, das das umsetzende Team braucht.

  • Quelldatei im Design-Tool
  • Freigegebene Ansichten
  • Prototyp
  • Komponenten
  • Exportfertige Assets
  • Hinweise zum responsiven Verhalten
  • Hinweise zu Interaktionen
  • Leitfaden für das Umsetzungsteam
Übergabe · Atelier LineaIllustratives Konzept

Quelldatei

  • 01 Visuelle Richtung
  • 02 Sitemap und Wireframes
  • 03 Desktop-Ansichten
  • 04 Mobile Ansichten
  • 05 Komponenten und Zustände
  • 06 Prototyp

Exportfertige Assets

  • SVG-Icons
  • WebP-Bilder
  • Schriften laut Lizenz

Hinweis für das Umsetzungsteam

  • — Abstände folgen der Skala 4–64 px.
  • — Buttons nehmen auf dem Smartphone die volle Breite ein.
  • — Der Fokus hat eine 2-px-Kontur in der Akzentfarbe.

Lizenzen für Schriften, Fotos und externe Materialien müssen klar sein. Eigentum, Nutzungsrechte und übergebene Dateien werden in der Vereinbarung festgelegt.

Eine visuelle Kontrolle während der Umsetzung kann als separate Leistung dazukommen.

SO ARBEITEN WIR

Vom Briefingzum freigegebenen Design.

Die Anzahl der Konzepte, Ansichten und Korrekturrunden steht im Angebot.

01

Briefing

Wir verstehen Unternehmen, Zielgruppe, Material und Ziele.

02

Struktur

Wir legen Seiten und Inhaltshierarchie fest.

03

Visuelle Richtung

Wir bereiten den vorgeschlagenen Stil vor und besprechen ihn.

04

Gestaltung der Ansichten

Wir gestalten die vereinbarten Seiten und Komponenten.

05

Prototyp und Review

Wir prüfen die Abläufe und arbeiten Feedback im Umfang ein.

06

Übergabe

Wir ordnen Dateien und Hinweise für die Umsetzung.

Wie soll Ihre Website aussehen?

Design besprechen
Korrekturen sind nicht unbegrenzt; Runden und Umgang mit Änderungen stehen im Angebot.

WARUM ENOR

Design mit Identität und klarer Logik.

  • Richtung aus der MarkeDie Optik entsteht aus Ihrer Positionierung, nicht aus einer Vorlage.
  • Struktur rund um InhalteSeiten ordnen sich nach dem, was Besucher verstehen sollen.
  • Fokus auf MobileDas Smartphone wird von Anfang an gestaltet.
  • Einheitliche KomponentenDieselben Regeln auf jeder Seite und in jedem Zustand.
  • Feedback mit FreigabepunktenStruktur, Richtung und Ansichten werden nacheinander freigegeben.
  • Geordnete ÜbergabeDateien, Prototyp und Hinweise, bereit für die Umsetzung.

Im Portfolio zeigen wir nur echte Projekte mit der Rolle von ENOR, etwa „UX/UI-Design“ oder „Website-Design“.

Hand skizziert das Wireframe einer Website auf Papier

HÄUFIGE FRAGEN

Häufige Fragen.

Weitere Leistungen

Weitere Lösungen für die Anforderungen Ihres Unternehmens.

Wie soll Ihre Website aussehen und wirken?

Erzählen Sie uns von Marke, Zielgruppe und den Seiten, die gestaltet werden sollen. Wir legen Richtung und Design-Lieferumfang fest.

Beschreiben Sie Marke, Zielgruppe und die Seiten, die gestaltet werden sollen.

Was unsere Kunden sagen

5.0
A
Arben Hoxha, CEO

Logistikunternehmen (Beispiel)

“Sie übersetzen komplexe technische Konzepte in klare Entscheidungen für unser Team.”