Web Design Workshop # 28 JitBit

Web Design Workshop is ons reguliere gemeenschapsproject waar we lezers vragen om hun werk in te dienen voor uw vriendelijke, constructieve kritiek. Het is de perfecte manier om te leren, meningen te geven en je eigen werk te bekritiseren! Deze week een klein, vriendelijk softwarebedrijf ...


Regels van betrokkenheid

Speel aardig! We selecteren bewust werk dat baat heeft bij advies en aanwijzingen. Als u niet constructief kunt zijn in uw opmerkingen, doe het dan niet. Anders dan dat, geef dan advies dat je kunt geven. Voel je vrij om te linken naar voorbeelden en afbeeldingen die een back-up van je punten maken.


Het ontwerp


(Bijgesneden)

De hoofdinspiratie van dit ontwerp voor mij was deze kleine blogpost genaamd "The Flat Design Era". Ik vond het idee erachter erg leuk en vroeg onze ontwerper Artiom Dashinsky iets in die stijl te maken ...

... dit is een e-commerce website en het belangrijkste doel ervan is om onze apps te verkopen, dus we waren erg bezorgd over de conversies, maar tegelijkertijd wilden we dat het er eigentijds uitzag en, nou ja, leuk.

Er waren onderweg wat ontwerpuitdagingen. Elke productpagina bevat bijvoorbeeld een relevante set elementen. We hebben hard samengewerkt om het er goed uit te laten zien met elke mogelijke set. We hadden ook het grootste deel van de inhoud nodig om ongewijzigd te blijven (SEO-redenen) en het paste niet helemaal in het nieuwe ontwerp, dus moesten we sommige dingen opofferen. Soms moesten we daarom de mooiste ideeën vernietigen, wat jammer is, maar daar konden we echt niets aan doen.

Na enig nadenken, besloten we om met Bootstrap te gaan en het was een zeer goede beslissing. Ondanks het feit dat sommige elementen veel maatopmaak en styling vereisten, heeft Bootstrap ons veel tijd bespaard, hoewel we de netwerkmodule veelal gebruikten..

De grootste technologische uitdaging waren web-lettertypen. Ik heb er een tijdje over gedaan om erachter te komen hoe het er op elk platform en in elke browser goed uit kan zien. Verrassend genoeg bleek Chrome het meeste werk te vergen en had ik nooit één probleem met IE 7+. Het slechtste deel zijn de algoritmes voor het anti-aliasing van webKit-lettertypen op Mac OS X. Ik moest letterlijk alle beschikbare algoritmen handmatig uitproberen voor elke lettertypestijl van beide lettertypen die we gebruiken. - Maksim Al Farakh

  • Project: JitBit
  • Ontwerpers: Maksim Al Farakh en Artiom Dashinsky

Bent u op zoek naar opbouwende kritiek op uw eigen werk? Dien het in voor een workshop - de meeste maar niet alle inzendingen worden gepubliceerd. Wees geduldig, er kan een wachtrij zijn ...