Web Design Workshop # 28 JitBit

Der Web Design Workshop ist unser regelmäßiges Gemeinschaftsprojekt, bei dem wir die Leser auffordern, ihre Arbeit für Ihre freundliche, konstruktive Kritik einzureichen. Es ist der perfekte Weg, um zu lernen, Meinungen abzugeben und Ihre eigene Arbeit zu kritisieren! Diese Woche ein kleines, freundliches Softwareunternehmen…


Regeln des Engagements

Schön spielen! Wir wählen bewusst Arbeiten aus, die von Ratschlägen und Hinweisen profitieren. Wenn Sie in Ihren Kommentaren nicht konstruktiv sein können, tun Sie dies nicht. Ansonsten geben Sie Ratschläge, die Sie geben können. Fühlen Sie sich frei, auf Beispiele und Bilder zu verweisen, die Ihre Punkte sichern.


Das Design


(getrimmt)

Die Hauptinspiration für dieses Design war für mich der kleine Blogeintrag "The Flat Design Era". Die Idee dahinter gefiel mir sehr gut und bat unseren Designer Artiom Dashinsky, etwas in diesem Stil zu machen…

… Dies ist eine E-Commerce-Website, deren Hauptzweck es ist, unsere Apps zu verkaufen. Wir haben uns also wirklich Sorgen um die Conversions gemacht, aber gleichzeitig wollten wir, dass es zeitgemäß und gut aussieht.

Es gab einige Designherausforderungen auf dem Weg. Beispielsweise enthält jede Produktseite einen anderen Satz von Elementen. Wir haben hart gearbeitet, damit es mit jedem möglichen Set gut aussieht. Außerdem brauchten wir den größten Teil des Inhalts, um unverändert zu bleiben (SEO-Gründe), und er passte nicht ganz in das neue Design. Daher mussten wir einige Dinge opfern. Manchmal mussten wir die schönsten Ideen deshalb wegwerfen, was traurig ist, aber wir konnten wirklich nichts dagegen tun.

Nach einigem Nachdenken entschieden wir uns für Bootstrap und es war eine sehr gute Entscheidung. Trotz der Tatsache, dass einige Elemente viel benutzerdefiniertes Markup und Styling erforderten, hat uns Bootstrap viel Zeit gespart, obwohl wir hauptsächlich sein Grid-Modul verwendet haben.

Die größte technologische Herausforderung waren Web-Fonts. Ich habe eine Weile gebraucht, um herauszufinden, wie ich es auf jeder Plattform und in jedem Browser gut aussehen lassen kann. Überraschenderweise stellte sich heraus, dass Chrome die meiste Arbeit erfordert und ich hatte nie ein einziges Problem mit IE 7+. Der schlimmste Teil ist der Antialiasing-Algorithmus der webKit-Schrift unter Mac OS X. Ich musste buchstäblich alle verfügbaren Algorithmen für jeden Schriftstil der beiden von uns verwendeten Schriftarten manuell testen. - Maksim Al Farakh

  • Projekt: JitBit
  • Designer: Maksim Al Farakh und Artiom Dashinsky

Suchen Sie konstruktive Kritik an Ihrer eigenen Arbeit? Senden Sie es für einen Workshop ein - die meisten, aber nicht alle Beiträge werden veröffentlicht. Seien Sie geduldig, es könnte eine Schlange sein…