Wir bringen dein Unternehmen auf das nächste Level.

Du glaubst uns nicht? Unsere Arbeiten werden dich überzeugen.

Wir sind ein aufstrebendes, junges Design Studio aus Oberbayern. 
Unser Bestreben ist es, unseren Kunden bestmöglich zu unterstützen und Ihnen helfen digital zu überzeugen.



logo.svg

logoDarkmode.svg

### Branding
![Image-1--Clothing-Label.jpg](https://sovyy.com/content/uploads/Image_1_Clothing_Label_2fa0eefb81.jpg)

Die ursprüngliche Aufgabenstellung war es ein Marke zu erschaffen, die dem aktuellen Trend der Fast Fashion entgegenwirkt und dabei eine klare Botschaft vermittelt. Unter dem Motto "Redefine Normal“ wollen wir mit unserer Kollektion zum Umdenken anregen für eine positive, tolerante und offene Welt. Der Gedanke war einfach: Mit was kann ein Mensch auf den ersten Blick und ohne Worte schon mehr aussagen als mit dem, was er trägt? 

Wir wollen die Gesellschaft anregen, über das hinaus zu blicken, was sie schon immer kannte und in ihren Augen "normal“ ist. Es sollen all jene eine Stimme bekommen, die eben nicht dieser Norm entsprechen. Jeder soll das Gefühl haben, sich frei ausleben zu können ohne unter Vorurteilen von anderen zu leiden oder gar davon unterdrückt zu werden.“

### Values
![Image-2--Clothing-Label.jpg](https://sovyy.com/content/uploads/Image_2_Clothing_Label_6705c09fe4.jpg)

Hinter jeder Botschaft stehen Werte, welche die damit einher gehende Vision und Mission stützen. Als Basis von SOVYY definierten wir für uns die Begriffe "Infinity", "Connection" und "Movement". Denn genau diese Werte waren die Grundlage unserer weiteren Kommunikation.

###### Infinity
Jeder sollte mit seiner eigenen Zeit gehen. Zeitlos ist nicht nur die Mode, sondern auch derjenige der sie trägt. Denn Zeit ist für uns nur eine Zahl, der richtige Zeitpunkt immer eine Frage der Perspektive.

###### Connection
Jeder sollte zusammen sein, mit wem er will. Verbinden was wirklich zusammengehört, nicht nur das was auf den ersten Blick passend scheint. Das zählt für uns Zwischenmenschlich wie in der Mode.

###### Movement
 Jeder sollte sich losgelöst von veralteten Prinzipien verwirklichen. Was immer so war definiert nicht, was in Zukunft sein wird. Genau deshalb brechen wir mit alten Mustern und zeigen Mut zu Neuem.

### Visuals
![Image-3--Clothing-Label.jpg](https://sovyy.com/content/uploads/Image_3_Clothing_Label_b196b68cb8.jpg)

Als Look für unsere Visuals haben wir bewusst kräftige Farben gewählt, welche direkt ins Auge fallen. Kombiniert mit modernen geometrischen Formen auf einem "grenzenlosen" Hintergrund, welcher sinnbildlich für die endlosen Möglichkeiten steht, visualisieren sie so unsere Werte und stehen damit im Mittelpunkt der Marke. Sie treten wiederkehrend auf, sowohl in Kommunikationen, auf den Produkten selbst, aber auch in Form von Neonröhren als Hintergrund der Shootings.

### Content
![Image-4--Clothing-Label.jpg](https://sovyy.com/content/uploads/Image_4_Clothing_Label_23aafd2cb4.jpg)

Der Content, welcher in unterschiedlichsten Kanälen ausgespielt wurde, kombiniert die starke Visualität der Marke mit klaren Botschaften. Im Fokus lag nicht einfach nur unsere Produkte zu promoten, sondern im Gegenteil die Follower mit auf die Mission von SOVVY zu nehmen. Die Produkte selbst waren dann nur das Medium um der Community die Möglichkeit zu geben tagtäglich zu zeigen, für welche Werte sie einstehen. Denn die Vision von SOVYY war ganz klar - Redefine Normal.

Das experimentelle Clothing Label "SOVYY" war die gemeinsame Konzept Arbeit von Lukas Stöckelhuber und Tobias Oberpaul. Auf diesem Erfolg aufbauend ist das jetzige Design Studio SOVYY entstanden.

Redefine Normal

large_Cover--Clothing-Label.jpg

medium_Cover--Clothing-Label.jpg

small_Cover--Clothing-Label.jpg

thumbnail_Cover--Clothing-Label.jpg

Cover--Clothing-Label.jpg

### Sitemap

![1920-1280--Fischer--Sitemap.jpg](https://sovyy.com/content/uploads/1920_1280_Fischer_Sitemap_4c2da95dd3.jpg)

Wir begannen mit der Erstellung der Sitemap, um direkt zu erkennen, welche Inhalte gebündelt werden sollten und wie man sie so einfach wie möglich zugänglich macht. Dies führt zu einem besseren Verständnis der Ziele und Zwecke der Website.

### Wireframing

![1920-1936--Fischer--Wireframes.jpg](https://sovyy.com/content/uploads/1920_1936_Fischer_Wireframes_cd05a661d5.jpg)

Anschließend erstellten wir Wireframes, um mögliche Informationsarchitekturen zu definieren, die festlegten, wo die Inhalte platziert werden sollten und wie die verschiedenen Seiten miteinander in Beziehung stehen.

###  Component creation

![1920-1280--Fischer--Components.jpg](https://sovyy.com/content/uploads/1920_1280_Fischer_Components_1d0141f9bc.jpg)

Um die visuelle Konsistenz zu gewährleisten und die spätere Programmierung der Webseite zu beschleunigen, haben wir eine fest definierte Sammlung von Komponenten erstellt, aus denen dann die endgültigen Designs zusammengestellt wurden.

### Coding

![1920-1280--Fischer--Code.jpg](https://sovyy.com/content/uploads/1920_1280_Fischer_Code_da44bd8f29.jpg)

Nach Fertigstellung der Screendesigns, bauten wir das zugrunde liegende Designsystem der Webseite, bestehend aus den einzelnen Design-Tokens und -Komponenten. Die technische Umsetzung basiert auf dem React Framework nextjs in Kombination mit dem Headless CMS von Strapi und der Framer Motion Library.

### Learning

![1920-1280--Fischer--Screen-Mobile.jpg](https://sovyy.com/content/uploads/1920_1280_Fischer_Screen_Mobile_3d48e1fbc8.jpg)

Der Zusammenschluss vieler öffentlich zugänglichen Bibliotheken bei der Umsetzung eines solchen Projektes hat uns immer wieder gezeigt, wie positiv die Entwicklung in diese Richtung in den letzten Jahren verlaufen ist. Es zeigt, welche Mehrwerte gemeinsam erreicht werden können, anstatt isoliert zu arbeiten.

Eine Webseite, die alle wichtigen Informationen rund um seinen Service jederzeit leicht zugänglich macht und insbesondere die Terminvereinbarung fördert.

Autohaus Fischer

large_1920-1280--Fischer--Screens.jpg

medium_1920-1280--Fischer--Screens.jpg

small_1920-1280--Fischer--Screens.jpg

thumbnail_1920-1280--Fischer--Screens.jpg

1920-1280--Fischer--Screens.jpg

### Erscheinungsbild

![Image-1--WOWOCON.jpg](https://sovyy.com/content/uploads/Image_1_WOWOCON_3647abc801.jpg)


Die gesamte Aufmachung des One-pager zielt auf eine authentische Darstellung des Produkts ab. Eine ruhige Hintergrundfarbe und eine leicht verspielte Schriftart in den GIFs tragen dazu bei.

### GIFs

![Image-2--WOWOCON.jpg](https://sovyy.com/content/uploads/Image_2_WOWOCON_ad6c24d44e.jpg)


Um die Landingpage etwas lebhafter zu gestalten, haben wir uns entschieden GIFs, also "bewegte Bilder" zu kreieren.

###  Produktbilder

![Image-3--WOWOCON.jpg](https://sovyy.com/content/uploads/Image_3_WOWOCON_f179e6bd10.jpg)


Es wurden nicht nur Bilder für die GIFs geschossen, sondern auch Bilder bei der Verwendung des Produkts für die eigene Webseite oder Verkaufsplattformen.

Die Landingpage wurde erstellt um ein spezifisches Produkt bestmöglich darzustellen und zu bewerben. Zusammen mit bewegten Bildern und kurz zusammengefassten Infos zum Produkt eignet sich der One-pager hervorragend.

Wir bringen dein Unternehmen auf das nächste Level.

Redefine Normal — Von Konzeption zu Produktion. Die Zukunft der Mode neu gedacht. Redefine Normal.

Autohaus Fischer — Gezielt zu dem gewünschten Service. Eine intuitive Nutzerführung für den Kunden.

WOWOCON — Aufbau einer Landingpage für Wachsfresser. Mit einem interaktiven, selbsterstellten 3D Feature und Fokus auf die Produkteigentschaften.