Kniefall

Online-Shop für Kniefall

Kniefall  - Praktische Diplomarbeit 2022 «Dipl. Techniker-/in HF Informatik Schwerpunkt Interaktive Medien» mit WordPress und WooCommerce.

https://kniefall.ch/
Eingesetzte Technologien und Lösungen:

Kniefall - Der Online-Shop für Verlobungsringe

„Individuellen Schmuck zu entwerfen, der die Persönlichkeit der Trägerin oder des Trägers unterstreicht und Emotionen auslöst, ist meine grosse Passion.“

Die handgefertigten Verlobungsringe und Schmuckstücke aus meinem Schmuckatelier begeistern und bereiten ein Leben lang Freude.

Ein Schmuckstück – individuell auf Sie und Ihre Liebste zugeschnitten. Jedes Schmuckstück unterstreicht die Persönlichkeit eines Menschen. Ein Unikat zu entwerfen, das gefällt, beständig ist und vor allem zum Typ passt, ist in Anbetracht der unendlichen Vielfalt an Metallen, Edelsteinen, Perlen und Verarbeitungsmöglichkeiten eine Herausforderung. Meine Stärke als Goldschmied ist es, ein passendes Schmuckstück nach diesen Kriterien und dem verfügbaren Budget zu entwerfen.

In meinem Atelier fertige ich hochwertigen Schmuck aus allen Edelmetallen, Stahl, Holz, Karbon, Edelsteinen und Perlen an. Inspirationsquelle sind für mich vor allem die Natur und die individuellen Vorstellungen meiner Kunden. Das Zusammenspiel von unterschiedlichen Oberflächen und Strukturen, verschiedene Materialien ineinander verarbeiten, wie auch durch Schlichtheit bestechende Schmuckstücke anzufertigen, ist meine Leidenschaft. kniefall.ch soll Ihnen einen kleinen Überblick über Infos und Schmuckstücke zum Thema „Kniefall“ geben.

Realisierung des Online-Shop - Umsetzung mit dem CMS-System WordPress und WooCommerce als Shop-System.

Mit der praktischen Diplomarbeit 2022 beweisen wir unser erlerntes Fachwissen, während des Studienlehrganges «Dipl. Techniker-/in HF Informatik Schwerpunkt Interaktive Medien». Diese Arbeit wurde in einem Zweier-Team erstellt.

Wir haben durch die Firma Next AG in St. Gallen den Auftrag erhalten, einen Online-Shop für die Firma Renés Atelier für Schmuck in St. Gallen zu konzipieren und zu entwickeln. Gewünscht ist, dass die handgemachten Verlobungsringe nicht nur physisch vor Ort gekauft werden, sondern auch online angeboten werden können. Da schon eine Webseite für das Schmuckatelier vorhanden ist, soll das Design des Online-Shop an deren jetzigen Webseite angeglichen sein. Um die einfache Handhabung zu gewährleisten, wird der Online-Shop ebenfalls mit dem CMS WordPress erstellt.

Das ganze wurde wie ein echtes Projekt behandelt. Es wurden verschiedene Dokumente wie z.B. ein Exposé, Konkurrenzanalyse, Terminplan etc. erstellt.

Das Designkonzept beginnt mit einem Moodboard für die Ideenfindung. Danach geht es weiter mit dem  Logo, die Farbgebung, Schriften sowie Icons. Natürlich werden auch die Bildwelten einheitlich dargestellt. Zum Abschluss werden alle Gedanken in ein Screendesign vereint. Alle Bilder wurden selbständig erstellt und bearbeitet.

Das Design wurde an die bisherige Website www.schmuckatelier.ch angelehnt. Vor der Umsetzung des Screendesigns haben wir Schriftarten und Farben analysiert, welche zum Online-Shop passen. Als Primärfarbe haben wir uns für einen warmen Goldton entschieden. Mit dieser Farbe heben wir Elemente hervor, oder färben Schmuckstücke sowie Buttons ein. Das Screendesign erstellten wir mit dem Gratis-Tool Figma. Unser Design ist schlicht und grosszügig konzipiert. Die selbstgemachten Bilder stehen im Vordergrund und werden grossflächig dargestellt.

Wichtig für den Kunden war, das es eine Ringgrössen-Angabe für Männer und Frauen gibt. Diese werden auf jedem Produkt individuell angezeigt, je nach dem ob es sich um einen Männer- oder Frauenring handelt. 

Es wurde noch eine Funktion dazuprogrammiert, in dem der Kunde einen Ring anfragen kann. Falls er den passenden Ring nicht im Shop gefunden hat, kann er eine Anfrage senden, mit den gewünschten Details und kann passende Bilder dazuladen.

Zusätzlich wurde ein Marketing Konzept erstellt. Im Marketingkonzept wird dem Kunden aufgezeigt, was alles möglich wäre mit einem starken Marketing-Auftritt und was der Kunde alles dafür benötigt.

Ebenfalls wurde eine SEO-Analyse durchgeführt. In dieser wird geschaut wie der Ist-Zustand ist und wie der Soll-Zustand aussehen soll. Anhand verschiedener Kriteren wird die Website optimiert.

Die ganzen Dokumente wurden im InDesign erstellt. 

Ausschnitt aus dem Designkonzept aus der Dokumentation mit InDesign

Figma Desktop Screendesign

Homepage / Internet / Website / Intranet Referenzen

Website Lösungen mit CMS

Onlineshop und Website für Schiffchuchi mit WooCommerce und WordPress
Schiffchuchi

Onlineshop und Website für Schiffchuchi mit WooCommerce und WordPress

 
Shopware 6 Online Shop für Wiegand
Wiegand AG

Shopware 6 Online Shop für Wiegand

 
Responsive Website OpenAir St.Gallen
OpenAir St.Gallen AG

Responsive Website OpenAir St.Gallen

 
Muldenservice HUBER Umweltlogistik AG WooCommerce, WordPress
HUBER Umweltlogistik AG - Muldenservice

Muldenservice HUBER Umweltlogistik AG WooCommerce, WordPress

 
TYPO3 Website Jansen International - Länderwebsites
Jansen AG

TYPO3 Website Jansen International - Länderwebsites

 
Onlineshop und Website für Shopito.ch mit WooCommerce, WordPress und PIM
Shopito.ch

Onlineshop und Website für Shopito.ch mit WooCommerce, WordPress und PIM