Website · Design

Onepage-Website-Entwicklung für das Start-up Printstone

Website-Entwicklung für das Start-up Printstone: Recherche, Prototyp, Design und individuelles WordPress-Theme für eine One-Page-Website mit Galerien und Kontaktformular.

Startansicht der Website von Printstone Innovations mit einer Visualisierung der Fertigung und der Navigation

Aufgabe

Printstone ist ein Start-up, dessen Website die Technologien und Produkte des Unternehmens präsentiert. In diesem Projekt bedeutete die Website-Entwicklung für ein Start-up eine One-Page-Website auf WordPress samt Design, entwickelt von CREATING.LV. Das Projekt wurde 2024 übergeben.

Das junge Unternehmen brauchte eine kurze und übersichtliche Präsentation: Besucher sollten auf einer Seite verstehen, was das Unternehmen anbietet, die Produkte in Bildern sehen und sofort Kontakt aufnehmen können. Ebenso wichtig war, dass das Unternehmen die Inhalte selbst ändern kann, wenn sich das Angebot weiterentwickelt.

Unsere Rolle

CREATING.LV übernahm die gesamte Arbeit von der Recherche bis zur fertigen Website. Unsere Arbeit umfasste:

  • Recherche und einen Strukturplan der One-Page-Website, die sogenannte Sitemap;
  • einen Prototyp;
  • das Webdesign der Website;
  • ein individuelles WordPress-Theme;
  • Bereiche mit Beschreibungen von Technologie und Produkten, Bildergalerien und ein Kontaktformular;
  • responsives Design und schnelle Ladezeiten;
  • SEO-Grundlagen;
  • Inhaltsverwaltung, damit der Kunde die Inhalte selbst bearbeiten kann.

Das ist Website-Entwicklung für ein Start-up vom Design bis zur fertigen Website. Im Footer der Website steht „Printed by SIA CREATING.LV“.

Projektansichten

Ablauf: von der Recherche zum Prototyp

Die Arbeit begann mit einer Recherche – was über das Unternehmen, seine Technologien und Produkte erzählt werden muss und was Besucher zuerst finden sollen. Auf einer One-Page-Website bedeutet die Sitemap die Reihenfolge der Bereiche: in welcher Abfolge der Besucher beim Scrollen das Unternehmen kennenlernt und zum Kontaktformular gelangt. Auf einer mehrseitigen Website wählt der Besucher selbst, welche Seite er öffnet, auf einer One-Page-Website legt dagegen der Entwickler die Reihenfolge fest – deshalb wurde diese Entscheidung vor dem Design getroffen.

Danach erstellten wir einen Prototyp, in dem sich Reihenfolge und Inhalt der Bereiche vor dem Design bewerten ließen. Ein Prototyp ist ein vereinfachtes Modell des One-Page-Layouts ohne endgültige visuelle Gestaltung: Er zeigt, wo sich jeder Bereich, die Überschriften, Textblöcke, Galerien und das Kontaktformular befinden, und kann kommentiert und geändert werden, bevor die Designarbeit beginnt. Erst dann folgten Design und Entwicklung in einem individuellen WordPress-Theme mit responsivem Layout für Computer, Tablet und Smartphone. Diese Reihenfolge ermöglicht es, die Struktur rechtzeitig abzustimmen, damit in der Design- und Entwicklungsphase nicht die ganze Seite umgebaut werden muss.

Website-Entwicklung für ein Start-up: Struktur einer One-Page-Website

Bei der Übergabe waren alle Inhalte auf einer Seite in Bereiche gegliedert:

  • Beschreibungen von Technologie und Produkten;
  • Bildergalerien;
  • Kontaktformular.

Der Besucher lernt das Unternehmen kennen, indem er eine einzige Seite scrollt: Zuerst erfährt er etwas über Technologie und Produkte, dann sieht er sie in Bildern und gelangt am Ende zum Kontaktformular. Im One-Page-Format gibt es kein Menü mit vielen Unterpunkten und Seiten, in denen sich der Besucher verirren könnte – die gesamte Geschichte des Unternehmens steht in einem durchgehenden Ablauf. Dazu gehört auch ein Bereich, der das Team des Unternehmens vorstellt.

Beschreibungen von Technologie und Produkten

Die Technologie eines Start-ups ist für Besucher oft neu, deshalb muss sie erklärt werden, bevor die Produkte gezeigt werden. Die Website von Printstone präsentiert sowohl die Technologien als auch die Produkte des Unternehmens, sodass Besucher zuerst verstehen können, wie das Unternehmen arbeitet, und erst danach die konkreten Produkte kennenlernen. Die Vorteile der Technologie werden in einem eigenen Bereich der One-Page-Website dargestellt: vier Vorteile, jeweils mit Icon und kurzer Beschreibung.

Die Produktbeschreibungen lassen sich in der WordPress-Verwaltung bearbeiten und können daher ergänzt werden, wenn das Unternehmen neue Produkte entwickelt oder bestehende präzisiert.

Design und Bildergalerien

Das Design wurde eigens für diese Website entwickelt und in einem individuellen WordPress-Theme umgesetzt, nicht in einer fertigen Vorlage. Bildergalerien zeigen die Produkte und die Technologie, sodass sich das Angebot des Start-ups auch ohne lange Texte erschließt, während die Produktbeschreibungen die Bilder um die wesentlichen Informationen ergänzen. Neue Bilder kann der Kunde selbst in die Galerien einfügen, wenn neue Produkte hinzukommen.

Mehr über diesen Teil der Arbeit auf der Seite Webdesign und UX/UI.

Kontaktformular für Interessenten

Das Kontaktformular steht am Ende der One-Page-Website, dort, wo der Besucher nach Technologie, Produkten und Galerien ankommt. Ein Kontaktformular bedeutet, dass Interessenten keine E-Mail-Adresse kopieren oder ein E-Mail-Programm öffnen müssen – eine Frage lässt sich direkt von derselben Seite senden, während sie noch über die Produkte lesen. Für ein Start-up, das gerade erst Kontakte zu Kunden und Partnern aufbaut, ist das ein einfacher Weg, Fragen über die Website zu erhalten.

Nutzung auf dem Smartphone und schnelle Ladezeit

Das Design ist responsiv: Die One-Page-Website passt sich an die Bildschirme von Computer, Tablet und Smartphone an, und die Bereiche lassen sich auf dem Smartphone genauso scrollen wie am Computer. Die Website ist auf schnelles Laden ausgelegt – im One-Page-Format ist das besonders wichtig, weil der Besucher alle Inhalte auf einmal öffnet, auch die Bildergalerien.

SEO-Grundlagen und Bearbeitung der Inhalte

Für die Website wurden SEO-Grundlagen eingerichtet, damit Suchmaschinen verstehen, worum es auf der Website geht. Im One-Page-Format haben alle Inhalte eine einzige Adresse, daher gelten diese Grundlagen für die Seite als Ganzes. In der Regel gehören dazu Seitentitel und Beschreibung für Suchmaschinen sowie eine logische Hierarchie der Abschnittsüberschriften.

Der Kunde bearbeitet die Inhalte selbst in der WordPress-Verwaltung – er kann Texte ändern, Bilder in den Galerien ersetzen und Produktbeschreibungen ergänzen, ohne Hilfe eines Entwicklers. Für ein Start-up ist das entscheidend, denn Produktpalette und Botschaft ändern sich am Anfang häufig, und nicht für jede Änderung muss ein Entwicklungsauftrag erteilt werden.

Im individuellen Theme sind Layout und Gestaltung der Bereiche im Theme selbst angelegt, während Texte und Bilder in der Verwaltung bearbeitet werden können. So kann der Kunde die Inhalte ändern, ohne das Design der One-Page-Website und die Reihenfolge der Bereiche zu beeinflussen.

Technologien

WordPress mit individuellem Theme. Ein individuelles Theme bedeutet, dass die Website genau das enthält, was diese Seite braucht – ohne die überflüssigen Funktionen einer fertigen Vorlage. Wann und warum sich diese Plattform eignet, lesen Sie ausführlicher im Artikel WordPress-Website-Entwicklung.

Für wen sich eine solche Lösung eignet

Eine One-Page-Website eignet sich für ein Start-up oder ein neues Produkt, wenn das Wichtigste über Technologie und Produkte gezeigt werden und Interessenten Kontakt aufnehmen können sollen, eine umfangreiche mehrseitige Website aber noch nicht nötig ist. Eine solche Onepage-Website-Entwicklung für ein Start-up ist auch ein guter Anfang, wenn später weitere Bereiche oder Produktseiten geplant sind.

Gibt es viele Produkte, Leistungen oder Sprachen, wird eine One-Page-Website lang und unübersichtlich, daher eignet sich dann eine mehrseitige Website besser. Richtwerte für die Entwicklungskosten finden Sie auf der Seite Preise für die Entwicklung von Websites, Onlineshops und Systemen.

Genutzte Leistungen

Website

Hinweis

Das Portfolio zeigt die Lösung zum Zeitpunkt der Projektübergabe. Die aktuelle Website kann verändert worden sein.

Kontakt

Projekt anfragen

Beschreiben Sie Ihr Projekt oder Ihre Frage — wir antworten Ihnen und schlagen die passendste Lösung vor.

Anfrage zu: Allgemeine Anfrage Ändern

Optional. Namen und Preise stammen aus unserer Preisliste.

Optional · eine Datei · PDF, JPG oder PNG · bis 10 MB

Pflichtfeld · Datenschutzerklärung

Projekt anfragen

Beschreiben Sie Ihr Projekt oder Ihre Frage — wir antworten Ihnen und schlagen die passendste Lösung vor.

Schreiben Sie uns auf WhatsApp (öffnet in einem neuen Tab)