Redesign Bijoux
Ich sollte ein Redesign von meiner Hobbywebsite Bijoux machen. Ich konnte mein erstes Layout im Photoshop erstellen. Am Anfang war ich noch etwas hilflos aber mit ein par Inputs von Mia ist es dann ganz gut gelaufen. Durch die Besprechungen mit MK konnte ich auch viel dazu lernen.
Die Umsetzung war ebenfalls sehr spannend und lehrreich. Ich bin zufrieden mit dem Ergebnis und konnte durch die Umsetzung viele neue Effekte erlernen und austesten.

Layout
Vorheriges Design
Ich habe bijoux bereits 2x gemacht. Das erste Mal als Hobbywebsite und das zweitemal für die Schule.
Konzept
Das Layout ist relativ clean aufgebaut. Durch das zentrierte Logo habe ich darauf geachtet dies beizubehalten bspw. bei den überschriften. Alles was eingefärbt ist hat eine orange Farbe bekommen. Der Rest ist schwarz damit die Verhältnisse klar getrennt sind. Um einen Kontrast zur serifenlosen schlichten Schrift zu bekommen habe ich noch eine geschnörkelte gewählt als Überschrift. Im Footer ist die Struktur der Diamanten im Logo wieder aufgegriffen.
Umsetzung
Schwierigkeiten
- Eine Schwierigkeit war, dass ich während der Umsetzung des Responsive Designs mir selbst überlegen musste, wann, was, wie groß sein soll etc. Da ich bis jetzt nur Projekte nachgemacht habe und diese Dinge bereits vorgegeben waren, war das sehr ungewohnt. Das hat mich auch viel Zeit gekostet.
- Eine weitere Schwierigkeit war die Produktansicht da ab einer bestimmten Grösse das Layout nicht mehr schön aussieht. Dafür habe ich leider keine gute Alternative gefunden. Also habe ich versucht das beste daraus zu machen.
- Ich hatte sehr lange an diesem Projekt unteranderem da ich teilweise sehr lange auf die Pendenzen warten musste.
- Das Herz after war etwas schwierig da ich einen active Effekt haben wollte.
- Es hat mich viel Zeit gekostet die Inhalte abzufüllen und zu verlinken.
Neu gelerntes
Bei der Umsetzung von Bijoux konnte ich viele neue Dinge lernen:
- full screen search
- active Funktion bei Herz
- css animationen
- search im Desktop entfernen und im Responsive wieder hinzufügen
- Backend Layouts nutzen
Selbstreflexion
Methodenkompetenz
Ich habe relativ lange gebraucht für das Layout da MK ferien hatte und ich mich erst später mit ihm besprechen konnte.
Fachkompetenz
Ich habe gelernt wie man ein Layout im Photoshop macht und worauf man dabei achten muss. Bei der Umsetzung konnte ich ebenfalls viele neue Dinge lernen.
Sozialkompetenz
Ich konnte mit MK und MF mein Layout besprechen und mich dadurch verbessern. Während der Umsetzung waren Robin und Mia eine grosse Unterstützung.
Selbstkompetenz
Ich konnte sehr selbstständig arbeiten und mich dann mit MK besprechen.