Webdesign Workshop # 28 JitBit

Web Design Workshop är vårt vanliga samhällsprojekt där vi ber läsarna att skicka in sitt arbete för din vänliga och konstruktiva kritik. Det är det perfekta sättet att lära sig, erbjuda åsikter och få ditt eget arbete kritiskt! I veckan, ett litet, vänligt mjukvaruföretag ...


Regler för förlovning

Spela fint! Vi väljer medvetet arbete som kommer att gynnas av råd och tips. Om du inte kan vara konstruktiv i dina kommentarer, gör det inte. Annat än det, ge råd som du kan ge. Känn dig fri att länka till exempel och bilder som säkerhetskopierar dina poäng.


Designen


(Trimmas)

Den viktigaste inspirationen till denna design för mig var det här lilla blogginlägget "Flat Design Era". Jag gillade verkligen tanken bakom den och bad vår designer Artiom Dashinsky göra något i den stilen ...

... det här är en e-handelswebbplats och dess huvudsyfte är att sälja våra appar, så vi var verkligen oroliga för omvandlingarna, men samtidigt ville vi att det skulle se ut som det är modernt och bra.

Det fanns några designutmaningar längs vägen. Till exempel innehåller varje produktsida en uppsättning uppsättningar av element. Vi arbetade hårt tillsammans för att göra det bra med alla möjliga uppsättningar. Också vi behövde det mesta av innehållet att förbli oförändrat (SEO skäl) och det passade inte helt in i den nya designen, så vi var tvungna att offra några saker. Ibland måste vi skräp de vackraste idéerna på grund av det, vilket är ledsen, men vi kan verkligen inte göra någonting åt det.

Efter lite tänkande bestämde vi oss för att gå med Bootstrap och det var ett mycket bra beslut. Trots att vissa element krävde massor av anpassad markering och styling, räddade Bootstrap oss mycket tid, även om vi mest använde sin nätmodul.

Den största tekniska utmaningen var webbfonter. Det tog mig ett tag att räkna ut hur man ser till att det ser bra ut på varje plattform och på varje webbläsare. Förvånansvärt visade sig Chrome att det krävdes mest arbete och jag hade aldrig ett enda problem med IE 7+. Den värsta delen är webkit-typsnittets antialiasingalgoritmer på Mac OS X. Jag måste bokstavligen manuellt prova alla tillgängliga algoritmer för varje typsnitt i båda teckensnitt som vi använder. - Maksim Al Farakh

  • Projekt: JitBit
  • Designers: Maksim Al Farakh och Artiom Dashinsky

Letar du efter konstruktiv kritik på ditt eget arbete? Skicka in det till en workshop - mest men inte alla inlagor publiceras. Var tålamod men det kunde vara en kö ...