rankauf.de – Startseite & Header im neuen Look

rankauf.de ist eine etablierte Plattform für den Ankauf gebrauchter Smartphones, Tablets und anderer Elektronikgeräte. Ziel des Projekts war es, das in die Jahre gekommene Design der Startseite sowie den Headerbereich grundlegend zu überarbeiten – mit dem Fokus auf Vertrauen, Übersichtlichkeit und Conversion-Optimierung.

Anspruchsvolles Redesign mit Fokus auf Nutzerführung

Im ersten Schritt wurde das bestehende Interface analysiert und strukturell neu gedacht. Die neue Startseite empfängt Nutzer nun mit einem klaren, modernen Look, der Seriosität vermittelt und zur Interaktion einlädt. Besonders wichtig war dem Kunden, dass sich potenzielle Verkäufer innerhalb weniger Sekunden zurechtfinden – und ohne Umwege zum passenden Gerät gelangen.

Die neue Headerstruktur bietet eine reduzierte, mobile-first optimierte Navigation mit Fokus auf die wichtigsten Einstiegspunkte. Der Verkaufsprozess wurde dabei bewusst in den Vordergrund gerückt – sowohl visuell als auch inhaltlich.

Technische Umsetzung in HTML & CSS

Die Umsetzung erfolgte vollständig in handgeschriebenem HTML und CSS, abgestimmt auf moderne Anforderungen an Pagespeed, Responsivität und Barrierefreiheit. JavaScript wurde bewusst auf das Nötigste reduziert, um die Ladezeit zu optimieren und die Inhalte direkt indexierbar zu halten.

• Maßgeschneiderte Grid-Struktur ohne Frameworks
• Vollständig responsive auf allen Geräten
• Performanter Code mit SEO-freundlicher Semantik
• Saubere Integration in das bestehende CMS durch den Kunden

Ergebnis

Mit dem neuen Auftritt wirkt rankauf.de nicht nur frischer und moderner, sondern erfüllt auch die heutigen Erwartungen an Usability und Vertrauen im Onlinehandel. Bereits wenige Wochen nach dem Relaunch verzeichnete die Plattform eine verbesserte Nutzerverweildauer und eine gesteigerte Conversion im Verkaufsprozess.