Es war einmal vor langer Zeit in einer weit, weit entfernten Galaxis, die großen Köpfe der IT-Zivilisation riefen Intense ins Leben … Ihr Geistesprodukt war keine gewöhnliche und langweilige Vorlage. Das ist eine HTML 5 Website-Vorlage deines Traums, eine professionelle Lösung für Profis, ein universelles Werkzeug, das alle benötigten Elemente für dich bereithält. Und vor kurzem hat es eine große Erneuerung erhalten und ist noch attraktiver und effizienter geworden! Mache mit Intense einen Ausflug in die Welt der Webdesign-Perfektion.
Schauen wir uns nun an, worum es bei Intense von TemplateMonster geht. Mit diesem Website-Design
präsentieren die Entwickler die Ergebnisse jahrelanger mühsamer Arbeit an der Qualität von HTML-Vorlagen. In diesem Template wurden Funktionalitäten umgesetzt, die sie aufgrund mehreren erfolgreich durchgeführten Experimente entwickelt haben. Sie erfüllen alle gegenwärtigen Qualitätsstandards und die Anforderungen an gängige Plattformen. Diese innovative Lösung soll andere Anbieter von HTML-Templates herausfordern. Intense ist unter anderem ein Grund, warum unsere Kunden immer wieder zurückkommen.
Intense ist eine umfangreiche HTML-Vorlage, die jede Menge vorgefertigter Seiten und Funktionen mitliefert. Hier sind 5 Aspekte, die besondere Aufmerksamkeit verdienen und dir Aufschluss über die Möglichkeiten dieser interstellaren Lösung geben.
Intense ist das HTML-Template, an dem seit seiner ersten Veröffentlichung regelmäßige Updates eingespielt werden. An diesem leistungsstarken Produkt wird ständig gearbeitet, sodass Intense immerfort wird und neue Funktionen, Seiten, Skins und Child-Themes erhält. Du kannst also nicht nur mit Webinnovationen Schritt halten, sondern auch deine Möglichkeiten beim Webdesign enorm erweitern, ohne dass du für Updates etwas zahlen musst.
Nehmen wir die Features, mit denen dieses HTML-Template ausgestattet ist, etwas näher unter die Lupe:
Hast du schon einmal von der BEM-Methode gehört? Es handelt sich um einen Ansatz zur Erstellung von Websites und anderen Webprodukten, bei dem das größere Objekt in kleinere Blöcke aufgeteilt werden, die sich separat verwenden lassen. Das Intense Template wurde nach dem BEM-Ansatz (Block, Element, Modifier) erstellt. Das bedeutet, dass alle Seiten des Templates aus einzelnen Blöcken wie Header, Footer, Testimonials oder Kontaktformular bestehen. Du kannst jeden gewünschten Block für dein Child-Theme einsetzen. So eine Methode macht es viel einfacher, eine Vorlage an verschiedene CMS wie WordPress oder Joomla anzupassen. Erfahrene Entwickler können Intense problemlos für benutzerdefinierte Websites verwenden, die von Grund auf neu kreiert werden.
Darüber hinaus kann Intense den individuellen Bedürfnissen Benutzer gerecht werden, sei es ein Restaurant, eine Modellagentur oder ein Business Center. Das moderne und minimalistische Design ist sehr vielseitig und lässt sich für verschiedene Zwecke und Unternehmen anpassen, die im Internet vertrauenswürdig auftreten möchten.
Intense ist ein flexibles Tool, das Webentwicklern viel Arbeit ersparen kann. Inzwischen enthält das Template-Paket über 500 vorgefertigte Seiten für alles, was du dir nur vorstellen kannst. Schau dir die wichtigsten Seiten an, die in Blöcke aufgeteilt sind.
Intense bietet dir über 10 Homepage-Versionen verschiedener Art. Du kannst zwischen Standard- und einseitigen Homepage-Typen, Sunset und anderen Skins sowie verschiedenen Intro-Bereichen für Werbeaktionen, schnelle Registrierung, Termine usw. wählen. Das Paket kommt mit 6 Homepage-Designs. Lass uns dir einige davon vorstellen.
Dieser Skin ist eine gelungene Lösung mit einem Fullscreen-Header, eingebettetem Video, Zählern, filterbarer Galerie, Partnern und Team-Blöcken.
Der elegante Skin im schwarz-weißen Design mit blauen Akzenten. Das Layout ermöglicht es dir, gewünschte Inhalte in den Fokus zu rücken.
Um den Header deiner Website zu gestalten, stehen dir 20 Varianten zur Auswahl. Neben einem Standard-Header kannst du die Toggle-Sidebar, schwebenden Header und das Hauptpanel verwenden. Egal, welche Variante du wählst, ist sie sowohl im hellen oder dunklen Ton verfügbar. Die Standard-Variante kann auch transparent sein.
Bei diesem Header-Typ werden die Menüoptionen in einem Burger-Menü versteckt, das in der linken oberen Ecke platziert ist.
Beim Floating-Header befinden sich die Menüoptionen auf einer horizontalen Leiste, die sich über die gesamte Breite erstreckt.
Beim transparenten Header werden die Menüoptionen im Hintergrund eines Fullscreen-Intro-Bildes, das für ein ausgewogenes Erscheinungsbild sorgt.
Was den letzten Schliff deiner Website anbetrifft, kannst du mit 15+ Footer-Varianten experimentieren. Hier sind einige davon.
Der Standard-Footer kommt mit einem Logo, Links zu Social Media, Newsletter-Formular, aktuellen Nachrichten und Links zu den Hauptseiten deiner Website.
Die zweite Variante des Headers enthält deine Adresse, Testimonials im Karussell, Links zu sozialen Netzwerken sowie das Kontaktformular.
Das Intense HTML-Template bietet viele Ideen, um deine Arbeiten von der besten Seite zu zeigen. Du kannst zwischen Grid, Masonry, dem breiten Layout und dem in voller Breite wählen. Zur einfacheren Suche können Besucher deine Projekte nach Kategorien filtern und diese als vertikale und horizontale Listen anzeigen lassen. Es ist möglich, deine Projekte in mehreren Spalten anzuordnen. Es gibt auch eine separate Seite für ein einzelnes Projekt. Mit diesem Theme stehen dir 20 Portfolio-Vorlagen zur Verfügung.
Dieser Portfoliotyp zeigt Bilder als Grid mit einer vertikalen Liste mit Kategorien.
Bei diesem Portfoliotyp werden Bilder im Masonry-Style dargestellt. Die Kategorienliste wird horizontal platziert.
Hier werden die Bilder durch Abstände voneinander getrennt.
Bei dieser Portfolio-Version werden Bilder dicht aneinander platziert und nehmen die volle Breite des Layouts ein.
Auf dieser Seite befindet sich ein Bilderkarussell, wo animierte Bilder durch einen Text ergänzt werden. Unter dem Karussell kannst du auch den Projektleiter und jeweilige Arbeiten anzeigen lassen.
Du kannst auf deine Portfolio-Bilder diverse benutzerdefinierte Effekte anwenden. Sie beleben nicht nur das Aussehen, sondern enthüllen auch zusätzliche Details. Schau dir einige davon unten an.
Mit dem Zoe-Effekt kannst du den Projekttitel mit einigen zusätzlichen Optionen wie Bewertungen, Kommentare usw. zeigen.
Dieser Hover-Effekt zeigt den Namen des Projektes, die Kurzbeschreibung und den CTA-Button auf der linken Seite als Sidebar an.
Der Apollo-Effekt verleiht dem Bild beim Hover einen bläulichen Ton und zeigt einen kleinen Teil des Textes an.
Der Blog bringt viele Vorteile in Sachen Kundenbindung und SEO mit. Intense bietet also viele Lösungen fürs Blogging. Von Klassisch und Modern bis hin zu Timeline und Events - kannst du mit verschiedenen Layouts experimentieren. Es ist auch möglich, eine Sidebar auf der linken Seite, auf der rechten Seite oder auf beiden Seiten hinzuzufügen oder ganz auf Sidebars zu verzichten. Jeder Blog-Style verfügt über sein eigenes Design für eine einzelne Post-Seite. Wirf einen genaueren Blick auf einige der unten präsentierten Blog-Vorlagen.
Das klassische Blog-Layout zeigt Post-Previews mit Datum, Autor und Kategorien an. Du kannst auch eine Suche, einen Flickr-Feed, weitere Kategorien, ein Archiv und Tags zur Sidebar hinzufügen.
Es gibt eine spezielle Vorlage, um zu bevorstehenden und vergangenen Ereignissen zu informieren.
Post-Previews werden mit bunten Elementen mit Datum und dem Button "Weiter lesen" angezeigt. In der Sidebar können ein Kalender, aktuelle Ereignisse und ein Flickr-Feed angezeigt werden.
In dieser Version werden Post-Previews mit Daten und Autorenfotos einer vertikalen Linie entlang angezeigt.
Die einzelne Beitragsseite im klassischen Stil verfügt über einen Bildbereich in voller Breite. Danach folgt ein Textbereich mit einer Autorenbox mit Social Media-Buttons, damit Leser dem Autor in sozialen Netzwerken folgen und sich weitere Beiträge ansehen können. Der Parallax-Block verpasst diesem Layout mehr Dynamik. Unter dem Beitrag finden sich Teilen-Buttons, Kategorien, verwandte Beiträge und Kommentare.
In dieser Version ist das Layout in zwei Teile aufgeteilt. Auf der linken Seite befindet sich ein großes Parallax-Bild, während der rechte Teil den Hauptbeitrag, verwandte Beiträge und Kommentare enthält.
Das Intense Theme ist eine gute Wahl für Online-Händler. Es verfügt über eine vorgefertigte einzelne Produktseite und Vorlagen, um mehrere Produkte als Grid oder Liste anzuzeigen. Ähnlich wie bei Blogging-Layouts kannst du optional die linke oder rechte Sidebar zu jedem E-Commerce-Layout hinzufügen. Es gibt auch Vorlagen für die Warenkorb- und Checkout-Seite.
Bei dieser Vorlage werden Produkte mit Namen, Marken, Preisen und Badges "Sale/Neu" in drei Spalten aufgeteilt. Beim Hover können die Kunden auf den Button “In den Warenkorb”und weitere Bilder zugreifen, die einen bestimmten Artikel aus verschiedenen Blickwinkeln darstellen. In der linken Sidebar kannst du Produkte nach Kategorien, Marken, Farben und Größen sortieren.
Der Listenansicht zeigt die verfügbaren Produkte in einer Liste an. Neben dieser Option gibt auf dieser Seite die Anzahl der Kundenbewertungen.
Die Single Produkt-Seite enthält eine Produktgalerie und ein Akkordeon mit der Beschreibung, Größe, Lieferung und Rückgabe. Darunter gibt es Informationen zu verfügbaren Farben, Größen, Menge, Preise und reduzierten Preisen. Unten auf der Seite kannst du auch einige zusätzliche Details angeben, wie etwa eine Videovorschau, Kundenbewertungen, Kommentare und ähnliche Artikel.
Hier können sich Kunden die Gesamtsumme aller Produkte ansehen, die dem Warenkorb hinzugefügt wurden. Es gibt auch Optionen, um weitere Produkte hinzuzufügen oder unnötige zu entfernen.
Auf dieser Seite findest du Felder für die Rechnungs- und Lieferadresse des Kunden, Bestellungen, die Gesamtsumme und die Zahlungsarten.
Für eine schnellere Erstellung von Inhalten kannst du auf spezielle Seiten zurückgreifen. Mit diesen Vorlagen präsentierst du ansprechend dein Unternehmen, Informationen zu Dienstleistungen, Preisen, Team, Stellenangeboten usw. Unten findest du einige der im Paket enthaltenen Seiten.
Diese Seite mit Symbolen, Preistabellen und Kundenlogos bietet einen Überblick über deine Dienstleistungen und Kosten.
Diese Seite unterstützt dich dabei, neue Mitarbeiter für dein Unternehmen zu finden. Du kannst hier nicht nur nur offene Stellen ausschreiben, sondern auch weitere Details zu deiner Firma erwähnen.
Diese Seite verfügt über eine Countdown-Option, damit die Benutzer wissen, wann der Fehler behoben werden soll.
Wenn Besucher die Seitenadresse falsch eingeben oder versuchen, die bereits entfernte Seite aufzurufen, landen sie auf einer eleganten 404-Seite.
Neben dem riesigen Paket mit vorgefertigten Seiten erhalten Entwickler auch kostenlosen Zugriff auf mehr als 20 Premium Plugins. Dazu gehören ein Ereigniskalender, Parallax, Video, Navigationsleiste, Mail-Formular und andere. Diese 2 Plugins sind auch im Paket enthalten.
Dieses responsive Plugin ermöglicht es dir, einen Ereigniskalender in deine Website einzubinden. Somit können die Kunden alle Veranstaltungen, die dein Unternehmen durchführt, im Auge behalten. Beim Anklicken eines bestimmten Datums kann man die Liste mit geplanten Veranstaltungen einsehen, die zu einer festen Uhrzeit angezeigt werden.
Das Mail-Formular ermöglicht es Besuchern, dich ganz einfach zu kontaktieren. Sobald du auf die Felder “Datum” und “Zeit” klickst, siehst du Popups mit Kalender und Uhr. Zögere nicht, das Formular anzupassen und seine Attribute nach deinem Wunsch zu gestalten. Zudem ist dieses Formular komplette responsive.
Dieses Set mit über 50 skalierbaren Shortcodes und 110+ Komponenten kann den Entwicklern das Leben leichter machen. Sie machen es möglich, Seiten mit Inhalten zu füllen und die Funktionalitäten zu erweitern.
Intense kommt mit einem riesigen Paket mit über 200 PSD-Quelldateien, die sich einfach in Photoshop bearbeiten lassen. Es gibt auch Bootstrap-Komponenten und ein fortschrittliches UI-Kit. Es enthält Elemente für nahezu jeden Zweck. Warnmeldungen, Breadcrumbs, Zähler, Trenner, Infografiken, Labels, - das ist nur die Spitze des Eisbergs.
Die Vorlage enthält verschiedene Arten von Warnmeldungen, und zwar klassisch, klassisches Icon, Bestätigungen usw.
Im UI-Toolkit von Intense gibt es drei Arten von Zählern - mit Icons oben, unten und ohne Icons.
Um deine Statistiken zu illustrieren, kannst du verschiedene Arten von Infografiken verwenden. Dazu gehören lineare Balken, Kreisdiagramme und Bootstrap-Balken.
Intense hat Icons in verschiedenen Formen, Größen und Stilen (Ellipse, Umriss, Kreis usw.).
Die Vorlage bietet eine große Auswahl an Font-Icons, die verschiedene Themen abdecken. Mit Intense musst du nicht mehr im Internet nach UI-Elementen suchen. Das umfangreiche Paket enthält alles, was du brauchst.
Intense verfügt über ein vollwertiges System zur Integration in soziale Netzwerke. Die Vorlage enthält alle wichtigen Social Media-Widgets - von Flickr- und Instagram-Galerien bis hin zu Facebook- und Twitter-Feeds.
Mit diesem Plugin kannst du deiner Website einen Twitter-Feed hinzufügen und ihn auf die Gestaltung deiner Website abstimmen.
Mit dem Facebook-Feed kannst du den Zeitpunkt der Beitragserstellung anzeigen, die Rückruffunktion hinzufügen, das Logo aktivieren usw.
Mit dem Instagram-Feed kannst du eine zusätzliche Galerie in deine Website einbinden. Die Optionen zur Strukturierung und Gestaltung sind bei den vorherigen Plugins endlos.
Als Alternative oder eine nützliche Ergänzung zu Instagram Feed kannst du dich für den Flickr-Feed entscheiden. Das Plugin ist völlig anpassbar.
Wer nach einer leistungsstarken Webdesign-Lösung sucht, der wird bei Intense fündig. Wenn du dich für diese HTML-Vorlage entscheidest, hast du es leicht, hochwertige Websites jeder Größe und Komplexität umzusetzen.
Das Review von Intense hat Nick Campbell vorbereitet. Hier geht's zum Original auf Englisch.