Doric Co.

Luxus-Villenbauer

Spezifikation

Thema: Custom UI
Entworfen von: Ostudio24.com
Budget: 2500 $
Responsive: Ja
Umsetzungsjahr: 2023
Sprache:: Englisch - Arabisch
Status: Online

Herausforderungen

Mehrsprachig mit LTR- und RTL-Sprache
Die Notwendigkeit für Projektdetailseite und Leistungsseite mit bidirektionaler Verknüpfung
Eine Seite zum Hochladen von Bildern, 5 Stellen zur Anzeige von Bildern
Seitengeschwindigkeit

Portfolio Galerie

UI/UX design

Das Ziel der Website der Doric Company ist es, ihre luxuriösen Villenkonstruktionen potenziellen Kunden auf bestmögliche Weise zu präsentieren. Die Benutzeroberfläche (UI) der Website wurde von Ostudio entworfen, einem Designunternehmen, das sich auf die Erstellung schöner und benutzerfreundlicher Websites spezialisiert hat. Allerdings reicht das Design allein nicht aus, um eine großartige Benutzererfahrung (UX) für das Publikum zu bieten. Hier kam ich ins Spiel – ich habe an der Entwicklung der Website gearbeitet und dafür gesorgt, dass der Code hinter der UI effizient, benutzerfreundlich und fehlerfrei ist.

Als Entwickler war es meine Aufgabe, eng mit dem Designteam zusammenzuarbeiten, um ihre Vision in eine funktionale Website zu übersetzen. Ich habe den Code der Website optimiert, um sicherzustellen, dass sie schnell und reibungslos lädt, und ich habe auch dafür gesorgt, dass die Website mobilfreundlich und responsiv ist. Darüber hinaus habe ich verschiedene Funktionen in die Website integriert, wie z.B. ein Kontaktformular, über das potenzielle Kunden mit dem Unternehmen in Kontakt treten können, und eine Galerie vergangener Projekte, um die Qualität ihrer Arbeit zu präsentieren.

Projekte

Die Projektdetailseite auf der Website der Doric Company verfolgt einen einzigartigen Designansatz, um ihre Luxusvillenprojekte zu präsentieren. Jedes Projektbild wird zunächst in Schwarz-Weiß präsentiert, was einen anspruchsvollen und eleganten Look schafft. Beim Überfahren eines Bildes wird es farbig, um die Schönheit jedes Projekts hervorzuheben.

Die Seite hat einen schwarzen Hintergrund, der zum luxuriösen und exklusiven Eindruck der Website beiträgt. Diese Designwahl trägt dazu bei, das Publikum zu begeistern und einen bleibenden Eindruck von der Qualität und Liebe zum Detail der Marke zu hinterlassen.

Projektseite

Für die Projektseite habe ich sichergestellt, dass jedes Projekt umfassend präsentiert wird, indem ich Abschnitte für die Gebäudefront, den Grundriss, die Bauphasen, das Innendesign und die verwendeten Materialien eingefügt habe. Um das Benutzererlebnis zu verbessern, habe ich eine Galerie von Bildern für jeden Abschnitt implementiert und es den Benutzern ermöglicht, auf jedes Foto für eine genauere Ansicht zu klicken. Darüber hinaus habe ich ein schwebendes Menü hinzugefügt, um eine einfache Navigation zwischen den Abschnitten zu ermöglichen.

Die nächste Folie zeigt ein vergrößertes Bild.

Dienstleistungen

Um diese Herausforderung auf der Service-Seite anzugehen, habe ich einen kreativen Ansatz verwendet, um die Bilder basierend auf den verschiedenen Teilen eines Projekts wie Innendesign, Landschaftsgestaltung und Bauphasen zu kategorisieren. Jede Kategorie wird in einem separaten Abschnitt mit einem Vorschaubild angezeigt, und durch Klicken auf jede Kategorie kann der Benutzer die zugehörigen Projektbilder anzeigen. Um das Benutzererlebnis zu verbessern, habe ich auch einen sanften Animationseffekt implementiert, um zwischen den verschiedenen Kategorien zu wechseln.

Dienstleistungsseite

Um ein besseres Benutzererlebnis zu bieten, habe ich einen Abschnitt für jede Dienstleistung erstellt und drei Bilder des entsprechenden Projekts in diesem Abschnitt angezeigt. Benutzer können auf die Schaltfläche „Mehr anzeigen“ klicken, um zur Projektseite zu gelangen und mehr Bilder zu sehen. Dieses Design half dabei, die Fachkenntnisse des Unternehmens in jedem Servicebereich zu präsentieren und die Aufmerksamkeit der Benutzer auf die hochwertigen Bilder der Projekte zu lenken.

Arabische Version

Die Gestaltung einer Website in englischer und arabischer Sprache erfordert besondere Aufmerksamkeit für Details hinsichtlich Layout, Typografie und allgemeiner Benutzererfahrung. Ich habe darauf geachtet, dass die Website für beide Sprachen optimiert wurde, wobei unterschiedliche Leserichtungen, Schriftstile und Zeichensätze berücksichtigt wurden.

Die Herausforderung bestand darin, sicherzustellen, dass die Website in beiden Sprachen ein konsistentes Erscheinungsbild aufweist und gleichzeitig eine nahtlose Erfahrung für Benutzer bietet, die zwischen ihnen wechseln. Ich habe auch darauf geachtet, dass die Website in beiden Sprachen vollständig responsiv ist und sich an verschiedene Bildschirmgrößen und -ausrichtungen anpasst.

Insgesamt bin ich zuversichtlich, dass ich eine qualitativ hochwertige Website geliefert habe, die den Anforderungen des Kunden entspricht und ihre Erwartungen in Bezug auf Design und Funktionalität übertrifft.