Share
Shopify a anunțat recent câștigătorii premiilor lor de design inaugural. Cu peste 150 de observații, juriul lui Jeffrey Zeldman (fondatorul A List Apart și Happy Cog), Tina Roth Eisenberg (fondator al emisiunii Swismis, Creative Mornings și Tattly) și Daniel Weinand (co-fondator și șef de designer al Shopify) munca lor a decupat decizia unui câștigător.
În afară de audierea judecătorilor despre primele trei proiecte, am crezut că ar fi interesant să examinăm, atât subiectiv și obiectiv, unele dintre trăsăturile distinctive ale fiecăruia pentru a vedea ce putem învăța cu toții despre tendințe și tehnici.
Primirea onorurilor de top este postul de batere creat de "Out of the Sandbox".
Site-ul, plin de accesorii de chitară și pungi de mesagerie de epocă de la fostul muzician Ryan Barr, a fost proiectat de Brad Miller, un designer de la Ottawa, care și-a înființat firma Out of the Sandbox pentru a dezvolta teme pentru platforma eCommerce.
Imagine eroică Tina Roth Eisenberg, unul dintre cei trei judecători, a iubit designul curat:
Whipping Post este o frumusețe a unui magazin de comerț electronic: un site curat, bine echilibrat, care echivă frumos designul produselor. Site-ul Whipping + Post se simte gândit și intenționat: fotografie puternică, tipografie gustoasă, spațiu alb adecvat, precum și o paletă de culori frumos echilibrată. Un site de comerț electronic trebuie să sărbătorească și să ridice produsele în primul rând, Whipping + Post face asta.
Whipping Post face o treabă excelentă de a vă scufunda în produsele lor din momentul în care vă aterizați pe pagina de pornire. Imaginile mari și fotografiile au fost mult timp privite ca un element vital al oricărui site de comerț electronic, iar imaginile mari utilizate pe pagina de pornire funcționează foarte bine aici.
Tranzițiile de imagini ale eroilor, oferind vizitatorului imagini mai atractive din gama de produse; o tehnică de mesagerie simplă, dar foarte eficientă. Va veni acest lucru pentru a înlocui caruselul de produse care se utilizează, cel puțin în opinia mea, pe care se poate face clic?
Site-ul este pe deplin receptiv și face uz de diapozitive populare diapozitiv in / off navigație canvas pe rezoluții de ecran mai mici. Această tehnică devine din ce în ce mai folosită și există un număr de plugin-uri care fac acest lucru ușor pentru dezvoltatorii din front-end.
Dacă nu l-ați citit, recomand insistent și articolul lui David Bushell despre navigarea pe ecran pentru mai multe exemple de inspirație și cod.
În cele din urmă, integrarea detaliilor căruciorului din dreapta portului de vizualizare este una dintre cele mai frumoase implementări pe care le-am văzut. Pentru mine, aceasta este probabil cea mai frumoasă caracteristică a temei, dar funcționează foarte bine și pe ecrane mici.
În fața alergătorului, marca Greats este concepută de Wondersauce. Fotografia este cea care la determinat pe Daniel Weinand (co-fondator și director de design pentru Shopify):
GREATS afișează imagini mari într-o manieră de stil de grilă de catalog. Fotografia clară îmi dă un bun simț al texturii și al calității. M-am îndreptat imediat, făcând clic pe încălțăminte frumos, doar pentru a vedea toate frumos deconstructed pe o pagină de produse foarte concentrat. GREATS oferă o experiență foarte bine concepută și tangibilă (încercați să rotiți pantofii).
Acest site este cu adevărat impresionant și foarte bine gândit. Atât de multă atenție este acordată detaliilor și în timp ce există o mulțime de expertiză tehnică pe afișaj, nu se simte spectaculos. Așa cum a menționat Daniel, puteți roti pantofii agățați pe pagina detaliilor produsului - o caracteristică frumoasă, dacă nu imediat aparentă.
Designerii au făcut o mare utilizare a fotografiei pentru a arăta pantofii "în acțiune". Caruselul mai mic polaroid-esque pe jumătate în josul paginii cu detalii despre produs ma încurajat să fac clic și să văd cum arată pantofii unei persoane reale.
Ca și în cazul site-ului Whipping Post, aspectul este pe deplin receptiv. Pentru mine pagina de prezentare, în ceea ce privește modul în care se îndoaie și se îndoaie, este pagina de pornire. Suprapunerile bine concepute care apar pe hover se potrivesc de asemenea cu estetica generala foarte bine.
Pe o notă laterală, pagina Story este o atingere foarte plăcută. Nu numai că interviul video este amuzant, ci chiar te face să apreciezi și să înțelegi ceea ce încearcă să realizeze cei doi fondatori și adaugă autenticitatea și un sentiment foarte personal la marcă. M-am încălzit cu siguranță la fondatori și am părăsit site-ul care voiau să-și cumpere pantofii.
Pagina Greats Story Brand adaugă personalitate brandului și site-ului În fine, pe locul trei se află Goodwin și Goodwin, proiectat de agenția britanică Goodwin Studio.
Împreună cu o fotografie și o tipografie frumoasă, linia mare de produse este bine prezentată în această temă receptivă, așa cum explică Jeffrey Zeldman:
Experiența de navigare și cumpărături de pe site-ul Goodwin + Goodwin este de până la barul înalt stabilit de linia de produse a companiei. Fotografia este extraordinară; ierarhia este clară; tipul a fost bine luat în considerare, de la pagina de pornire, prin categorii și pagini de detaliu, chiar în coșul de cumpărături. Paleta de culori este îngrijită și caldă; iar reactivitatea layout-ului, dacă nu de bază, este făcută curată și elegant.
La fel ca celelalte două site-uri câștigătoare, imaginile de pe pagina de pornire stabilesc cu adevărat scena și vă fac să doriți să aflați mai multe despre gama lor de produse. Permiterea produselor să strălucească este în mod clar un câștigător pentru toate cele trei site-uri, iar Goodwin și Goodwin nu fac excepție.
Ca și în cazul tuturor celor trei site-uri, tema este pe deplin receptivă, iar layout-urile simple, dar eficiente, ale paginilor interioare se reduc la un site foarte ușor de utilizat și navigabil.
Trei alte observații notabile pe care tocmai le lipsesc în top trei includ:
Toți câștigătorii fac foarte bine un lucru; prezentând produsele pe care doresc să le cumpere. Folosind imagini mari și prezentând produsele în uz și in situ, este ușor să vedem cum ar putea funcționa pentru noi. Acest lucru este valabil pentru pantofi, pungi și produse legate de tip.
Concursul a făcut multe pentru a evidenția marea muncă pe care o desfășoară freelanții care lucrează în domeniul designului de comerț electronic și este foarte încurajator să vedem creativitatea și inovația care au loc în această zonă de creștere.
Puteți afla mai multe despre câștigătorii Premiilor Shopify Design pe blogul Shopify.
Accentsconagua