Das Erstellen einer Website mag in der Anfangsphase sehr herausfordernd erscheinen. Wenn es jedoch Schritt für Schritt aufgeschlüsselt und in seiner Gesamtheit verstanden wird, ist der Prozess relativ einfach. Fragen Sie die 5Ws (Wer, Was, Warum, Wann, Wer) und 1H (Wie). Dies wird Ihnen helfen, eine klare Vorstellung davon zu bekommen, wie Sie anfangen können.
Inhaltsverzeichnis ausblenden
1. Minze:
2. Dropbox:Pin
3. Apfel:Stift
4.Caava-Design:Pin
5. Maaemo:
6. Das Boot:Pin
7. Think Quarterly-Google:Pin
8. Stinkstudios:
9. SOS-Kinderdorf Indien:Pin
10. SIBUR:
11. BAUNFEUER:Pin
12. HELBAK:
13. Chownow:Pin
14. Goldman Sachs:
15. TN Urlaub:Pin
Sobald Sie sich über Ihre Grundlagen im Klaren sind, sollten Sie sich auf das „Wie“-Element konzentrieren. Der ästhetische Wert Ihrer Website sollte den Service/Vorteil ergänzen, den Sie Ihren Besuchern bieten. Verschiedene Arten von Webdesigns dienen unterschiedlichen Zwecken. Im Folgenden finden Sie eine Liste mit 15 Websites, von denen Sie sich für die Gestaltung Ihrer nächsten Website inspirieren lassen können.
1. Minze:
Stift
Zweck : Mint hilft Einzelpersonen und Unternehmen, alle ihre Rechnungen und Konten an einem Ort zu verwalten.
Feature : Farbschemata.
Die Website lädt schnell und ist einfach zu navigieren. Es verwendet sein Logo-Farbschema auf der gesamten Website, was seine Identität verstärkt und für die Augen beruhigend wirkt. Mit dem minimalistischen und informativen Ansatz funktioniert das statische Layout am besten, da es die erforderlichen Informationen auf die einfachste und dennoch attraktivste Art und Weise darlegt und es den Besuchern erleichtert, den Inhalt zu verstehen. Durch die Verwendung des Farbschemas des Logos macht das Unternehmen den Besucher mit der Identität der Marke vertraut. Das Farbschema hilft auch, visuelle Verbindungen in den Köpfen der Besucher herzustellen. Wenn Sie zB blau denken und an Websites denken, würde Facebook zuerst in Ihrem Kopf auftauchen. Daher sollten Sie bei der Gestaltung Ihrer nächsten Website darauf achten, Ihre Farben mit Bedacht auszuwählen.
2. Dropbox:Stift
Zweck : Dropbox ist bekannt für seine Dateispeicher- und Freigabefunktionen. Es wird zu einem zentralen Ort für den Zugriff und die gemeinsame Nutzung von Daten für Unternehmen.
Feature: Verwenden von Tutorial-Animationen.
Die Website sieht dynamisch und spannend aus. Es enthält viele Farben, die sich gut ergänzen. Was an der Website noch überzeugender ist, sind die Video-Tutorials, die nahtlos abgespielt werden, wenn Sie die Website nach unten scrollen. Jedes kurze Video zeigt verschiedene Fähigkeiten des Dienstes, der in Echtzeit bereitgestellt wird, was den Besuchern hilft, eine Vorschau der Benutzererfahrung zu erhalten, bevor sie den Dienst überhaupt abonnieren. Dies kann sich als wichtig erweisen, insbesondere wenn es auf Ihrer Website um etwas Technisches geht, über das Ihre Besucher möglicherweise eine kurze Einweisung benötigen, bevor sie sich darauf einlassen.
3. Apfel:Stift
Zweck: Bietet mehrere Dienste und Geräte im Technologiebereich, um ein nahtloses Ökosystem für seine Benutzer zu schaffen.
Feature: Clever platzierte CTAs
Die Website von Apple ist eine der attraktivsten Websites, die es gibt. Auf ihrer Homepage wird immer die neueste Produkteinführung mit nützlichen CTAs angezeigt, z. B. die Keynote ansehen, die weitere Informationen enthält. Dies ist eine großartige Möglichkeit, Datenclustering zu vermeiden, das sonst die Ästhetik der Website ruinieren könnte. Außerdem wird der Inhalt für die Besucher leichter verständlich.
Die Breadcrumbs sprechen ausführlich über ihre Produkte. Das Design ist elegant und hochwertig. Auf der gesamten Website gibt es CTAs, um entweder mehr zu erfahren oder für jedes auf der Website verfügbare Produkt zu bestellen. Dies zeigt das Vertrauen ihrerseits, dass selbst wenn Sie am Ende mehr über das Produkt erfahren möchten, diese Seite auch einen Bestell-CTA haben wird, sobald Sie überzeugt sind.
4.Caava-Design:Stift
Zweck: Es ist ein kreatives Unternehmen, das sich auf Branding, interaktive und lebendige Verpackungserlebnisse spezialisiert hat.
Merkmal: Typografie.
Die Website hat viele attraktive Elemente, wie die Verwendung verschiedener Farben mit einem ansprechenden Hintergrund, der einen hervorragenden ersten Eindruck hinterlässt. Da sie im Designbereich tätig sind, scheuen sie sich auch nicht davor, ihre Kreativität bei den Schriftarten zu zeigen. Die Hauptschrift, die sie für ihr Design verwendet haben, ist einzigartig und unterscheidet sie von jeder anderen Firma. Sie verwenden eine Mischung aus verschiedenen Schriftarten, um einen Kontrast zu schaffen, der auch dazu beiträgt, die wichtigen Informationen von den weniger wichtigen abzugrenzen, falls der Besucher die Website nur überfliegt.
Typografie hilft, Identität zu schaffen. Gute Typografie trägt dazu bei, dass sie in den Köpfen Ihrer Besucher bleibt. Während es verschiedene Möglichkeiten gibt, Typografien zu verwenden, um unterschiedliche Ergebnisse zu erzielen, sollten Sie Ihre Nische verstehen und Typografie für die Gestaltung Ihrer Website verwenden.
5. Maaemo:
Stift
Zweck: Website für ein Restaurant, das natürliche, lokale Produkte verwendet, um Menschen dabei zu helfen, die lokale Landschaft und Kultur durch Essen zu verstehen.
Merkmal: Minimalistischer Ansatz
Die Website ist sehr minimalistisch, aber dennoch effektiv in ihrem Design. Wenn Sie die Website zum ersten Mal sehen, werden Sie nur den Namen des Unternehmens und ein schönes Zeitraffervideo im Hintergrund bemerken. Danach sehen Sie oben links auf der Seite die Option „Tisch reservieren“. Die Erwartung, mehr zu erfahren, erzeugt bei den Besuchern ein Gefühl des Mysteriums, wenn sie versuchen, die Verbindung zwischen der sich verändernden Landschaft und der Reservierung eines Tisches zu finden. Dies sorgt für Engagement, bevor Sie überhaupt angefangen haben, über Ihren Service zu sprechen. Die gesamte Website folgt einem angenehmen und leicht nachvollziehbaren Übergangseffekt.
Sie sollten an etwas Ähnliches denken, wenn Ihr Produkt oder Ihre Dienstleistung einzigartig ist; es gibt Ihnen einen Vorteil.
6. Das Boot:Stift
Zweck: Das Boot ist ein interaktiver, auf Grafiken basierender Roman über den Kampf und die Reise zur Flucht aus dem Vietnamkrieg.
Funktion: Parallax-Scrolling
Die Website ist eine Graphic Novel-Adaption einer Geschichte von Nam Le. Matt Huynh hat mit der Anpassung der gesamten Website hervorragende Arbeit geleistet; von Anfang bis Ende sehr überzeugend. Man fühlt sich wie in einem Abenteuer und als Teil der Geschichte. Die verwendeten Animationen sind spektakulär und zeigen, wie effektiv Parallax Scrolling sein kann, um Ihre Website ansprechender zu gestalten. Wenn Sie Romanautor oder Dichter sind, können Sie sich von dieser Website inspirieren lassen. Sie können auch Elemente des Parallax-Scrollings für bestimmte Teile Ihrer Website verwenden, wenn nicht sogar, um einen bestimmten Bereich hervorzuheben.
7. Think Quarterly-Google:Stift
Zweck: Think Quarterly ist die vierteljährliche Veröffentlichung von Google, die die Bewegungen und Trends des Internets aufgreift.
Merkmal: Leerzeichen
Die Website ist die vierteljährliche Veröffentlichung von Google. Es gibt eine Fülle von Inhalten auf dieser Website, da sie vierteljährlich über die laufenden Trends im gesamten Web spricht. Umso wichtiger ist es sicherzustellen, dass der Inhalt den Besucher nicht erstickt oder überwältigt. Um dies zu erreichen, müssen Sie ein Designelement mit Leerzeichen verwenden. Die Kunst, Platz zum Atmen zu lassen, um einen Inhalt von anderen abzugrenzen, trägt zur visuellen Attraktivität einer textgesteuerten Website bei.
8. Stinkstudios:
Stift
Zweck: Es ist ein globales Kreativstudio mit Niederlassungen auf der ganzen Welt.
Feature: Mouseover-Text
Wenn zu viele Informationen geteilt werden müssen, kann es eine kleine Herausforderung sein, sie optisch ansprechend zu halten. Obwohl Leerzeichen eine effektive Möglichkeit sind, dieses Problem zu lösen, könnten Sie manchmal auch andere nützliche Funktionen wie Mouseover-Text einbauen. StinksStudios hat davon sehr effektiv Gebrauch gemacht. Indem sie alle Themen in einem engen Cluster zusammenfassten, gelang es ihnen, sie organisiert zu halten. Indem sie dem minimalen Text folgen, der auf jeder Kachel erforderlich ist, stellen sie sicher, dass der Leser gleichzeitig weiß, was das Thema ist; es schadet der visuellen Attraktivität der Seite nicht. Wenn Sie mit der Maus über verschiedene Kacheln fahren, erhalten Sie einen kurzen Ausschnitt, der das Thema weiter erklärt. Dies hilft dem Besucher, sich einen kurzen Überblick zu verschaffen, ohne durch jede Kachel gehen zu müssen, um zur nächsten zu gelangen. Sie sollten diese Funktion besonders in Betracht ziehen, wenn Ihre Arbeit inhaltsorientiert ist.
9. SOS-Kinderdorf Indien:Stift
Zweck: SOS-Kinderdorf ist eine NGO, die sich dafür einsetzt, Kindern zu helfen, die ihre Eltern nicht haben oder sie durch einen unglücklichen Unfall oder aus anderen Gründen verloren haben.
Funktion: Virtuelle Tour
Diese Website verwendet viele Designelemente, um ein nahtloses Surferlebnis zu bieten. Da es sich um eine NGO handelt, sollte das Hauptziel der Website darin bestehen, den Besuchern Glaubwürdigkeit zu beweisen. Authentizität ist für solche Organisationen unerlässlich. Durch das Hinzufügen eines Plug-ins für einen virtuellen Rundgang macht SOS CVI genau das. Die Reise führt Sie zu jedem der von ihnen geschaffenen Räume, die Sie besichtigen möchten. Es gibt Navigationsschaltflächen, die Ihnen helfen, sich im Dorf zu bewegen, sowie Mausbewegungen, um die Richtung der Tour zu ändern. Virtuelle Touren können eine großartige Möglichkeit sein, Ihre Besucher mit Ihrem Arbeitsplatz oder den von Ihnen angebotenen Dienstleistungen vertraut zu machen. Es hilft, ihre Nerven zu beruhigen und sich an Ihr Geschäft zu gewöhnen, was dann zu Aufgeschlossenheit und positiver Einstellung beim Surfen auf Ihrer Website führt.
10. SIBUR:
Stift
Zweck: SIBUR ist ein bedeutendes russisches integriertes petrochemisches Unternehmen. Es kauft und verarbeitet Kohlenwasserstoffe zu verschiedenen Elementen wie Kunststoffen, Naturkautschuk usw.
Funktion: Animation
Die Website verwendet einige ansprechende Animationen auf der gesamten Website. Das Unternehmen ist in seinem Bereich technologiegetrieben und möchte sicherstellen, dass seine Website dies vermittelt. Animationen können Ihrer Website einen visuellen Reiz verleihen, da sie sich von Ihren alltäglichen Inhalten unterscheiden und diesen einen Mehrwert verleihen. Sie stellen sicher, dass die Website für den Benutzer ansprechend genug ist und insgesamt eine bessere Benutzererfahrung beim Durchlaufen der Website bietet.
11. BAUMFEUER:Stift
Zweck: Baunfire ist ein Webdesign- und Entwicklungsunternehmen, das Websites mit gutem Traffic, Engagement und Konversion als Ziel erstellt. Sie erstellen diese Websites für branchenführende Marken und sogar Startups im Silicon Valley.
Funktion: Illustrationen
Die Website hat einen ausgezeichneten Abschnitt, der an all ihre bedeutenden Errungenschaften im Jahr 2017 erinnert. Die gesamte Seite enthält lustige Illustrationen, die dieselben Illustrationen verwenden, um eine Geschichte zu erstellen, der die Besucher folgen können. Mit minimaler, aber effektiver Illustration macht Baunfire die Geschichte für den Besucher attraktiv und spannend. Die Verwendung von Illustrationen kann dazu beitragen, die visuelle Ästhetik der Website zu verbessern, und das oft auch mit einem angemessenen Budget. Es ermöglicht Ihnen, eine Identität für Ihr Unternehmen zu schaffen, die es den Menschen erleichtert, sich an Sie zu erinnern.
12. HELBAK:
Stift
Zweck: Helbak Ceramics ist eine Linie von Keramikprodukten von Malene Helbak, die die Einfachheit des skandinavischen Designs mit exquisiten Farben in der Keramiklinie kombiniert.
Feature: Produktfotografie
Die Seite ist sehr beruhigend. Die Farbpalette ist konsistent, aber nicht repetitiv. Da es sich um ein Unternehmen handelt, das sich auf ein bestimmtes Produkt spezialisiert hat, wird die Produktfotografie für die Besucher nicht nur unverzichtbar, sondern auch attraktiv. Wie Sie Ihr Produkt-Shooting auf Ihrer Website implementieren, kann einen großen Unterschied für die Qualität und Attraktivität Ihrer Website ausmachen. Wenn Sie eine Website entwerfen, um Ihr Produkt zu verkaufen oder zu bewerben, sollten Sie erwägen, gut komponierte Produktfotos mit der richtigen Auflösung hinzuzufügen.
13. Chownow:Stift
Zweck: ChowNow ist eine Online-Bestellplattform für Lebensmittel. Es verbindet die Kunden mit ihrem lokalen Restaurant.
Funktion: Erfahrungsberichte
ChowNow ist eine Website, die in der heutigen Zeit einen beliebten Service anbietet; Lebensmittellieferservice. Dies macht es für sie unerlässlich, das Vertrauen ihrer Besucher zu gewinnen, da ihre Interaktionen mit Ihnen in der Regel über einen virtuellen Raum erfolgen. Testimonials funktionieren am besten, um virtuell Vertrauen und Komfort bei Ihren Besuchern/Kunden aufzubauen. Die Website ist wunderschön mit einem scharfen und sauberen Design gestaltet, das für ihre spezielle Testimonial-Seite gilt. Sie haben sich für eine Zeugenaussage im Videoformat entschieden, die oft echter wirkt und mehr Interesse beim Besucher weckt. Testimonials auf Ihrer Website zu haben ist ein absolutes Muss, selbst wenn Sie in einer Dienstleistungsbranche tätig sind oder Ihr Profil als Ihre Website haben. Zeugnisse steigern den Wert Ihrer Dienste/Ihres Selbst und erleichtern es den Menschen, Ihnen zu vertrauen.
14. Goldman Sachs:
Stift
Zweck: Bereitstellung einer breiten Palette von Finanzdienstleistungen für einen diversifizierten und umfangreichen Kundenstamm, zu dem Unternehmen, Regierungen und Einzelpersonen gehören.
Funktion: Infografiken
Diese Website ist sehr elegant gestaltet. Die Eingabe der Benutzererfahrung ist nahtlos und erfordert ein Minimum an Klicks. Alle Informationen werden gut angezeigt und organisiert. Sie haben eine großartige Übersichtsseite, auf der sie Infografiken verwenden, um ihre Fakten und Zahlen zu präsentieren. Das hilft, weil Infografiken einfach zu betrachtende Elemente sind, die nicht nur optisch ansprechender aussehen, sondern es den Besuchern auch ermöglichen, wichtige Daten und Fakten zu überfliegen.
15. TN-Urlaub:Stift
Zweck: Die offizielle Website des Tennessee Department of Tourist Development, einer Behörde auf Kabinettsebene innerhalb der Regierung des Bundesstaates Tennessee.
Funktion: Google Map-Plug-in
Die Website ist ästhetisch ansprechend für die Augen. Die richtige Verwendung von Typografie, relevanten Bildern und kräftigen Farben steht im Einklang mit dem Reisegefühl, das der angebotene Service ist. Sie haben eine Google-Map-Integration, mit der Sie alle ihre in einem Ort verfügbaren Immobilien leicht sehen und auch dorthin navigieren können. Diese Funktion ist auf Ihrer Website wichtig, wenn Sie ein büroorientiertes Unternehmen/eine Einzelperson sind und Besucher in Ihr Büro locken möchten. Das Hinzufügen von Google Maps erleichtert die Erreichbarkeit.
Und hier sind wir am Ende unserer Liste! Das Wesentliche in diesem Artikel ist, dass Sie sich um zwei große Elemente kümmern müssen: UI/UX. Ihr übergeordnetes Ziel ist es, Ihren Besuchern, die Ihre Website besuchen, ein nahtloses und produktives Erlebnis zu bieten. Die Verwendung dieser Tipps wird enorm helfen.
