X

Hallo comwrap, mein Name ist...

ich würde gerne per

kontaktiert werden. Es geht um

Contact Nehmen Sie mit uns Kontakt auf
Next reference Nächste Referenz
X

telc
relaunch Brand- und service-Website

Case ansehen

Hier klicken

Integrierte CMS- und Shoplösung

Als Anbieter von Sprachprüfungen und Weiterbildungsseminaren bietet telc edukativen Content rund um das Erlernen von 11 Sprachen im Sinne des Europarates und der Europäischen Kommission. Im Rahmen des Relaunchs haben wir einen völlig neuen Look für die Website in Verbindung mit einem responsiven Designkonzept entwickelt und den OnlineShop in die Website integriert.

Liebevolles Design

telc steht für die moderne Art des Erlernens von Sprachen. Die Seite bietet viel Content für verschiedene Zielgruppen. Sprache ist Emotion - und die Herausforderung im Design der Website war es, diese Emotionalität in das Design einfließen zu lassen. Gleichzeitig galt es, viele Informationen für die unterschiedlichen Zielgruppen leicht zugänglich zu machen und dem Nutzer stets eine gute Orientierung zu schenken. Dies ist uns mit einer konsequenten Weiterentwicklung der bestehenden CI hin zu einem modernen Look gelungen, der die bestehenden Farben aufnimmt und um eine zeitgemäße Bildsprache ergänzt. 

responsives bedienkonzept

Die Herausforderung bei der Umsetzung einer responsiven Benutzeroberfläche liegt in der konsequenten Priorisierung der Informationen. Diese Herausforderung haben wir in einem 3-Breakpoints-Design für Desktop, Tablet und Smartphone konsequent umgesetzt und eine vorbildliche responsive Brand- und Service Website für telc geschaffen.

Technologie

Für den Relaunch der Website kommt TYPO3 in der Version 6.2 zum Einsatz. Der zuvor auf einer separaten URL gehostete Magento Shop wurde in das TYPO3 integriert, so dass der Kauf-Prozess nun nahtlos in die Webseite integriert ist. Die Produkte aus dem Shop haben wir so in den Content integriert, dass der Nutzer sie genau an der Stelle findet, wo er sie erwarten würde.

Sprachprüfungen

Die mehr als 200 Sprachprüfungen sind nach Sprache, Level und Zielgruppe facettiert filterbar, so dass der Nutzer intuitiv zum richtigen Angebot gelangt. In dem Datensatz "Sprachprüfung" sind nicht nur die angebotsrelevanten Informationen enthalten, sondern auch Downloads, Audio-Dateien, FAQ's und dazu passende Produkte aus dem Shop, wie z.B. Übungshefte und Lern-CDs.

Werbemittel-Bestellung

telc-Lizenzpartner können auf der Website Flyer und Broschüren für ihre Kommunikationsmaßnahmen zu den telc-Trainings und -Tests bestellen. Über einen Facetten-Filter wird die Auswahl der gewünschten Materialien vereinfacht und die Bestellung erfordert nur wenige Klicks.

Integrierter Shop

Den Online Shop haben wir nicht nur optisch, sondern auch technisch in die Website integriert, so dass der Kauf von Übungsmaterialien nahtlos in die User Journey eingepasst ist.

Startseite mit Zielgruppen-Einstieg

Wie entwickelt man eine gute Website, wenn die Bedürfnisse der Zielgruppen stark variieren? Wir haben diese Anforderung gelöst, indem wir für jede der Zielgruppen eine Einstiegsseite entwickelt haben, die - begleitet von einer Positionierung - die jeweils wichtigsten Themen als Direkteinstieg anbietet. Auf diese Weise haben wir die Informationsdichte auf der Startseite deutlich entzerrt und einen emotionalen Einstieg geschaffen und speziell für Besucher, die telc noch nicht kennen, mehr Transparenz in das Angebot des Anbieters von Sprachprüfungen und Weiterbildungsseminaren gebracht.

Mobiles Benutzer-Interface

Bei der Entwicklung der User Experience sind wir dem Mobile-first-Approach gefolgt. Im Rahmen einer konzeptionellen Phase mit Niehaus-Wireframes und explorativen Wireframes wurden die Informationen für den Nutzer unter Berücksichtigung des jeweiligen Endgerätetypes und der entsprechenden Nutzungssituation priorisiert. So entstand eine User Experience, die die Informationen der Webseite nicht nur auf mobilen Endgeräten zugänglich macht, sondern diese auch für Smartphone und Tablets optimiert und sinnvoll priorisiert zur Verfügung stellt.    

Innovatives Navigations-Element

Um an jeder Stelle der Website eine optimale Orientierung zu bieten, haben wir ein innovatives Navigationselement entwickelt, das aus der Kombination einer Breadcrumb- und Menü-Navigation besteht. Auf diese Weise ist der Pfad zu der aktuell angezeigten Seite jederzeit ersichtlich und die Bewegung zu anderen Seiten transparent möglich. Bewegt der Nutzer seine Maus über das Element, werden die benachbarten Seiten über ein Flyout angezeigt - perfekte Orientierung an jeder Stelle der Seite.