Web Design Critique # 36: Sticker Mule
Elke week bekijken we een nieuwe website en analyseren we het ontwerp. We zullen wijzen op zowel de gebieden die goed zijn gedaan als de gebieden die wat werk kunnen gebruiken. Ten slotte sluiten we je af met je eigen feedback.
De site van vandaag is Sticker Mule.
Verken Envato Elements
Als u wilt dat uw website wordt opgenomen in een toekomstige ontwerpkritiek, duurt het maar een paar minuten. We rekenen $ 34 voor het bekritiseren van uw ontwerp - aanzienlijk minder dan u zou betalen voor een consultant om uw site te bekijken! Meer informatie vind je hier.
Over Sticker Mule
“Sticker Mule is de gemakkelijkste manier om stickers en skins op maat te kopen. We lossen gratis artworkproblemen op en bieden gratis verzending naar overal in de VS. Onze producten zijn gemaakt met de beste printtechnologie. Het resultaat? Full colour sticker printen tegen echt lage kosten. Of je nu 50 of 500.000 stickers nodig hebt, er gaat niets boven de ezel. "
Hier is een screenshot van de homepage:
Eerste indruk
Sticker Mule heeft een prachtige site. Het kleurenschema en de afbeeldingen zijn uitstekend en werken heel goed samen. Ook communiceert de naam in combinatie met de eenvoudige witte randen rond de afbeeldingen onmiddellijk het idee dat hier stickers worden verkocht. Je hoeft niet rond te jagen of veel inhoud te lezen, zodra de pagina wordt geladen, kun je zien dat dit een stickerwinkel is.
Dat klinkt misschien als een voor de hand liggend en gemakkelijk te bereiken doel, maar het zal je verbazen hoeveel sites we bekritiseren die het simpele idee missen om duidelijk te maken wat een site is en voor wie het is.
Als u door de site bladert, kunt u zien dat de toon en kwaliteit van het ontwerp overal consistent zijn. Het is vrij normaal om te zien dat een bedrijf een mooie en schone startpagina maakt, alleen om een rommelige en onbruikbare winkel te hebben, maar Sticker Mule bleef sterk tijdens het ontwerpproces.
Laten we de startpagina een beetje uit elkaar halen en deze stuk voor stuk analyseren.
Koptekst
Het primaire gedeelte van de homepage is verdeeld in twee secties. Bovenaan is er een balk met het logo en wat navigatie. Merk op hoe minimaal de navigatie-elementen zijn qua ontwerp. Ze zijn gemakkelijk te herkennen als u ze zoekt, maar trekken niet noodzakelijk veel aandacht. Dit is geweldig omdat er andere, belangrijkere elementen op de pagina zijn om je aandacht te trekken.
De kop is slim, maar eenvoudig: "we printen dingen die plakken" en versterkt de afbeelding van een stapel stickers. Op dit punt vraag je je misschien af wat voor soort stickers ze verkopen en deze vraag wordt meteen beantwoord met een mooie, grote call-to-action-knop "Bestel aangepaste stickers".
Probeer altijd naar je ontwerpen te kijken vanuit het oogpunt van een complete buitenstaander. Laat uw site zien aan iemand die er niets vanaf weet en kijk hoelang het duurt om erachter te komen waar de site voor is. Hier kunnen we vrij snel zien dat dit een site is die we kunnen gebruiken om op maat gemaakte stickers te bestellen.
Er is geen lange verkooppraatje over de geschiedenis van het bedrijf, uitstekende materialen en hoe ze beter zijn dan de concurrentie, deze pagina heeft al dat pluis niet nodig (het is waar het thuishoort op de over-pagina). Gewoon een simpele boodschap gepresenteerd op een simpele, maar toch aantrekkelijke manier. Wat wil je nog meer?
Suggesties voor koppen
Het enige waar ik denk dat ik hier aan zou werken, is het toevoegen van een behoorlijk andere hover-status aan de bestelknop. Of het wel of niet nodig is, is betwistbaar omdat het element duidelijk een grote knop is, maar het is vaak leuk om dit idee te versterken met iets dat verder gaat dan een simpele cursorwisseling.
Inhoud en voettekst
De lay-out van deze sectie is heel eenvoudig, slechts twee rijen van drie items. Een van onze grootste nadelen als ontwerpers is dat we de lay-out overdenken en proberen iets complexs en anders te bedenken als het doel is om de presentatie van informatie echt te vereenvoudigen.
Sticker Mule verdeelde hun volledige productlijn in drie categorieën: custom stickers, gestanste stickers en custom skins. Als ze er echt over hadden nagedacht, hadden ze waarschijnlijk tien of meer subcategorieën kunnen bedenken om hier te plaatsen, maar dat deden ze niet. Ze hielden het simpel. Zodra u een optie op dit basisniveau selecteert, krijgt u meer opties te zien.
Voor de meeste mensen is winkelen voor stickers geen dagelijkse taak. Als ze hen te veel informatie recht de poort uit zouden slaan, zouden ze in de war raken en geïntimideerd. Sticker Mule leidt je echter voorzichtig door het proces en houdt je hand de hele weg vast.
Terug naar de startpagina hebben ze ook al hun berichten samengebracht in drie belangrijke mededelingen. Ten eerste kunnen de stickers gemakkelijk worden verwijderd, ten tweede is verzending gratis en ten derde repareren ze sub-par artwork gratis (allemaal vertegenwoordigd door geweldige pictogrammen). Ondernemers zullen altijd in de verleiding komen om klanten te overladen met informatie op de startpagina. Als ontwerper is het jouw taak om de kern van de meest relevante informatie te achterhalen en de site-eigenaar ervan te overtuigen dat al het andere op een secundaire pagina kan worden geplaatst.
Suggesties
Net als bij de sectie hierboven, is er maar één ding dat ik hier zou veranderen, en dat is het verloop op het stickerbeeld dat het verwijderen van gemak bespreekt. Het voelt gewoon ongemakkelijk om de afbeelding zo te vervagen als het pictogram gemakkelijk kan worden herwerkt tot een hele sticker met een groot geschild gedeelte. Het verloop geeft gewoon het gevoel dat de ontwerper lui was en niet iets wilde ontwerpen dat goed in de ruimte paste.
Andere pagina's
Normaal gesproken houden we vast aan de startpagina, maar deze site is echt de moeite waard om rond te kijken, vooral als je overweegt een online winkel te openen. Zoals ik hierboven al zei, blijven de stijl en het sterke gevoel van gemak en eenvoud consistent gedurende de hele ervaring.
Een ding dat ik echt leuk vind, is dat de klikbare gebieden op elke pagina erg groot zijn. Als je iemand wilt maken die iedereen van 12-85 jaar kan gebruiken, maak dan de opties op het scherm mooi en groot. Het ziet er vriendelijk uit, is gemakkelijk te gebruiken en kan er zelfs geweldig uitzien in de handen van de juiste ontwerper.
Ik hou ook erg van de individuele productpagina's. De opties zijn doodeenvoudig, de informatie die u moet weten, is opgesplitst in kleine stukjes met aantrekkelijke pictogrammen zoals we op de startpagina hebben gezien, en de knoppen om door het proces te gaan zijn enorm.
Over het algemeen denk ik dat Sticker Mule het echt uit het park heeft geslagen, zowel qua ontwerp als qua bruikbaarheid. Er was een tijd dat het online kopen van op maat gemaakte gedrukte producten een nachtmerrie was en bedrijven met dergelijke websites hebben het hele proces echt veranderd in iets dat normale, niet-technische mensen vrij gemakkelijk aankunnen.
Jouw beurt!
Nu je mijn opmerkingen hebt gelezen, kun je meedoen en helpen door de ontwerper wat verder advies te geven. Laat ons weten wat je geweldig vindt aan het ontwerp en wat je denkt dat sterker zou kunnen zijn. Zoals altijd vragen we u ook respect te hebben voor de ontwerper van de site en duidelijk constructief advies te geven, zonder harde beledigingen.
