Thai Food
Tech Stack
Der Kontext
37.5% der Welt Bevölkerung besitzt eine Art von Behinderung, nach der WHO. Mit diesem Wissen im Hinterkopf bin ich ein Projekt angegangen, welches sich auf die Barrierefreiheit im Netz fokussiert. Das Thema ist die Neugestaltung einer Webseite eines thailändischen Restaurants. Damit das Resultat den Nutzer visuell anspricht, habe ich an meinen CSS-Animations-Fähigkeiten gefeilt.
Die Hürden
Das Design ästhetisch und ansprechend im thailändischen Stil zu gestalten, war für mich eine Herausforderung. Ich wollte ein angenehmes Thai Ambiente erzeugen und dabei die Farben des Logos und das Logo selbst mitwirken lassen.
Zuallererst habe ich Muster und Farben gesucht, die für Thailand stehen. Im Internet habe ich SVGs für die Animationen gefunden, die das Essen geschmackvoll repräsentieren. Das Logo des Restaurants habe ich für mich animieren lassen als Ladeanimation. Nach vielseitigen Tests und Umgestalten des Designs präsentiert die Webseite das thailändische Restaurant von einer charismatischen Seite.
Eine weitere Herausforderung war die Programmierung der Menüseite. Durch die CSS-Transitions habe ich das Menü, bei dem der Benutzer interaktiv agieren kann, visuell lebhafter gestaltet. Während des Prozesses sind vielseitige Probleme im Zusammenhang mit dem React Reconciliation Algorithmus aufgetaucht, weshalb die Animationen und Transitions oftmals nicht ausgeführt wurden. Nach der gründlichen Auseinandersetzung mit dem Algorithmus habe ich ein gutes Verständnis für CSS und React JS erworben.
