Web Design Critique # 91: Photofolio
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 Photofolio, een Drupal-thema van More Than (just) Themes. Laten we erin springen en zien wat we denken!
Als u wilt dat uw website wordt opgenomen in een toekomstige ontwerpkritiek, duurt het maar een paar minuten. We brengen $ 49 in rekening 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 Photofolio
Photofolio is een responsief, aanpasbaar Drupal-thema met een heleboel geweldige functies: meerdere lettertypeschema's, superfish-menu's, diavoorstellingen en nog veel meer.
Hier is een screenshot van de homepage:
Eerste indruk
Mijn eerste reactie hier is redelijk positief. Photofolio is een aantrekkelijk thema dat veel goed doet, zowel visueel als functioneel. Het voelt weliswaar een beetje aan de generieke kant vanuit een ontwerpperspectief, maar aangezien het een sjabloon is, is dat misschien niet zo'n slechte zaak. Laten we eens rondkijken en kijken wat we kunnen ontdekken.
Indeling
Layout is een gebied waar Photofolio het echt uit het park slaat. De indeling is overzichtelijk en eenvoudig. Er zijn een heleboel inhoudsslots zodat je de pagina's kunt vullen met zoveel als je nodig hebt, maar het is allemaal perfect georganiseerd op een logische en eenvoudige manier.
Zoals ik hierboven al zei, is dit thema volledig responsief en ziet het er geweldig uit op vrijwel elke viewport-grootte die ik er tegen kan gooien. Dit is geweldig omdat het me laat weten dat ze ontwerpen voor alle mogelijke viewport-formaten, niet alleen voor een paar populaire apparaten.
De site heeft een statische breedte in de twee grootste mediaquery's, en als je eenmaal naar een mobiele lay-out begint te gaan, gaat het soepel. Dit werkt heel goed voor de inhoud.
Uitlijning
Een ding dat ik een beetje afleidend vind, is dat de uitlijning een beetje rommelig aanvoelt in de kop. In één oogopslag merk je het misschien niet eens, maar als je echt goed kijkt, zie je dat de verschillende elementen wat beter geplaatst kunnen worden ten opzichte van hun omgeving.
Hierboven ziet u het basisdraadframe van de header-elementen. Het is een subtiele verandering, maar ik zou willen voorstellen om dit aan te passen totdat je iets dichter bij het volgende hebt:
Hier heb ik net wat meer consistentie toegevoegd met zowel de verticale als de horizontale uitlijning en heb ik wat meer ademruimte toegevoegd rond het inhoudsframe.
Kleurenschema's
Een ander groot voordeel van dit thema zijn de aanpassingsmogelijkheden. Zo zijn er maar liefst zeven verschillende kleurenschema's om uit te kiezen.
Alle kleurenschema's zien er vrij scherp uit en zijn goed geïmplementeerd. Ik waardeer echt hoe drastisch verschillende kleurenschema's de persoonlijkheid van de site veranderen. Of je nu op zoek bent naar een leuke of formele look, dit thema kan voor jou werken.
Type
Standaard is het type voor Photofolio een casual, dun lettertype dat perfect aanvoelt voor de lichte esthetiek. De regelhoogte en woorden per regel voelen ook goed aan in het hele thema. Dit klinkt klein maar het is eigenlijk een heel groot probleem, je wilt nooit een thema kopen met een slordig type!
Open Sans is het primaire lettertype dat hier wordt gebruikt. Dit is natuurlijk een Google Web Font en de Drupal is geweldig genoeg om je toegang te geven tot andere geweldige Google Web Fonts voor het geval je iets wilt ruilen (het thema heeft een paar verschillende vooraf gemaakte sets om uit te kiezen). Combineer dit met de bovenstaande kleurenschema-opties en je zult merken dat je dit thema echt kunt aanpassen aan je persoonlijke stijl.
Browser compatibiliteit
Photofolio wordt gefactureerd als volledig compatibel met verschillende browsers en het werkte inderdaad goed in elke browser die ik probeerde. Er lijkt echter een interessante Safari-gril te zijn. Wanneer ik met een overgang over iets beweeg, is er een rare knipperende bug.
Ik heb een screencast van dit effect opgenomen. Je kunt het hier bekijken.
Is het ontwerp geslaagd?
We hebben al vastgesteld dat het ontwerp zowel aantrekkelijk als zeer functioneel is, maar deze aspecten alleen zorgen niet noodzakelijk voor een succesvol ontwerp. Het succes van een ontwerp is altijd gebaseerd op de doelen die het beoogt te bereiken. Of je nu een Drupal-thema of een sociaal netwerk maakt, je moet een reeks doelen stellen en ze in gedachten houden.
Beroep van de fotograaf
Dus welke doelen heeft Photofolio? Ik zou aannemen dat een belangrijk doel zou zijn fotografen aan te spreken. Als fotograaf zie ik hier zeker veel op maat van mijn behoeften. Fotodiavoorstellingen en meerdere galerielay-outs om uit te kiezen, samen met een solide blog, betekent dat ik vanaf hier mijn hele site kan runnen. Ik kan mijn werk effectief laten zien en plaatsen over individuele evenementen.
Meer dan foto's
Ik denk dat een ander belangrijk doel voor het ontwerp zou zijn om het niet te exclusief aan fotografen te binden. De eigenschappen en het ontwerp zijn zodanig dat deze site gemakkelijk kan worden gebruikt voor een aantal creatieve niches zoals webdesign. De galerijvoorbeelden staan momenteel vol met foto's, maar het zou gemakkelijk genoeg zijn om ze in plaats daarvan te vullen met website-screenshots.
Veelzijdigheid
Sjablonen zijn een interessant beest. Normaal gesproken draait design om beslissingen. Je moet kiezen tussen die twee lettertypen die je leuk vindt en of je casual of professioneel wilt zijn. Het is jouw taak om het ontwerp heel specifiek op één doel te richten, wat natuurlijk afhankelijk is van de klant.
Bij sjablonen is het tegenovergestelde waar. Het idee hier is om één ding te bouwen dat op veel verschillende manieren door veel verschillende mensen kan worden gebruikt. In plaats van moeilijke keuzes te maken, besteed je je tijd aan meer opties. Het doel is hier veelzijdigheid. Mensen willen weten dat als ze uw product kopen, het aan hun behoeften zal voldoen, zelfs als die behoeften onderweg veranderen.
Op dit gebied is Photofolio behoorlijk succesvol. Het responsieve karakter van de site betekent dat, ongeacht waar uw publiek de neiging heeft om toegang te krijgen tot internet, ze een geweldige ervaring zullen krijgen. Dit is natuurlijk een aanvulling op meerdere lay-outs voor verschillende pagina's, kleurkeuzes, lettertypeschema's en zelfs enkele opties voor het handmatig opnieuw ordenen van lay-outs.
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.
