Wat is er nodig om een ​​geweldige grafische ontwerpwebsite te maken

Als grafisch ontwerper wordt er van je verwacht dat je een geweldige website hebt, wat een beetje opvalt als je meer artistiek bent dan technisch ingesteld, en je hebt niet het soort geld dat je nodig hebt om een ​​heel goede professionele webontwikkelaar in te huren om je helpen.

Hoe ongeschikt je je ook voelt als het gaat om het coderen van een webpagina, het enige dat je absoluut niet moet doen is een generieke websitesjabloon gebruiken om je grafische ontwerpmogelijkheden te demonstreren. Wat een sjabloon letterlijk tegen je publiek schreeuwt, is een reeks oncomplementaire bijvoeglijke naamwoorden, zoals:

  • Lui!
  • Fantasieloos!
  • Non-creatief!
  • Niet origineel!

Dit zijn geen woorden die grafische ontwerpers met zichzelf willen associëren. Dus wat je ook doet, heb nooit een website die lijkt op die van iemand anders, en gebruik vooral geen algemeen beschikbare sjablonen, of zelfs een vergelijkbare lay-out, want er is een grote kans dat mensen ze eerder hebben gezien en dat maakt een verschil voor hoeveel klanten u via uw site bereikt.

Zou u een site moeten hebben? Ja, dat zou je inderdaad moeten doen. Een website kan u werk opleveren dat u nooit had verwacht, en helpt als u iemand een pitch geeft, omdat u hem naar uw site kunt verwijzen. Ook als u ze niet doorverwijst naar uw site, vragen zij zich af waarom niet, omdat elke andere ontwerper met wie zij sprak een website had.

In dit artikel zullen we enkele dingen bekijken die u kunt doen om ervoor te zorgen dat uw website opvalt. En maak je geen zorgen als je "niet goed bent met computers", omdat ik je zal uitleggen hoe je echt lastige dingen zo eenvoudig mogelijk kunt doen.

1. Zorg ervoor dat je ontwerp op de een of andere manier relevant is voor wie je bent en wat je bent

Dit gaat waar worden, of je nu een eenzame operator bent of lid bent van een team van professionals die samenwerken als een studio. Uw website moet over u en uw identiteit of afbeelding gaan en moet voor uw doelgroep worden gemaakt. De reden voor de nadruk op die specifieke woorden is dat mensen vaak vergeten waar de website voor bedoeld is en voor wie het bedoeld is. Het 'voor en over' is een heel belangrijk onderdeel van de ontwerpbeslissing, misschien wel het belangrijkste onderdeel.

Hier is een voorbeeld van een site die het goed doet:

Dus waarom is dat de juiste aanpak? Nou, om te beginnen vertelt het me wie hij is (Rodrigo Breckenfeld), wat hij doet (grafisch ontwerp en front-end ontwikkeling), en waarom ik in hem geïnteresseerd zou moeten zijn (hij ontwikkelt eenvoudige en communicatieve visuals + vriendelijke gebruikers (sic) interfaces en dingen).

We weten dat hij Braziliaans is, dus we kunnen de toevallige grammaticale fout over het hoofd zien. Hij zei niet dat hij een schrijver was, hij zei dat hij een ontwerper was. Het belangrijkste is dat hij me het meeste vertelt wat ik moet weten, en hij vertelt me ​​dat visueel, maar niet zonder woorden.

Ik kan niet benadrukken hoe belangrijk dat is. Maak nooit een website die volledig op foto's is gebaseerd (tenminste niet als u het voor uzelf maakt, of als u van plan bent om deel uit te maken van uw portfolio). Luie, luchthartige ontwerpers duwen carrousel-gebaseerde websites naar bedrijfseigen beslissingsmakers die niet beter weten, maar jij, als echte ontwerper, zou beter moeten weten.

Hier is een voorbeeld van een site die precies het tegenovergestelde doet van wat ik adviseer:

Waarom denk ik dat dit de verkeerde aanpak is? Omdat ik in een oogopslag niet kan zien wie ze zijn, wat ze doen, of waarom ik erin geïnteresseerd zou moeten zijn. Om de eerste aanwijzing te krijgen, moet ik de onderkant van de pagina bekijken, altijd de slechtste plaats om alles op te slaan dat moet worden opgemerkt. Meteen krijg ik een verkeerde indruk van dit bedrijf. Ja, ze zijn creatief en een beetje anders, maar ze maken het me moeilijk door ervoor te zorgen dat ik rond het ontwerp moet kijken om informatie te vinden.

Hun ontwerp is ook druk. Te veel afbeeldingen maken de geest harder, en dat is vooral het geval wanneer alle afbeeldingen op een voor de hand liggende manier niet met elkaar in verband staan. Mensen houden gewoon van dingen om verbinding te maken, en als ze dat niet doen, voelt het ongemakkelijk en schokkend. Als iets waar we naar kijken logisch is, maakt het ons comfortabeler.

Het grootste probleem is echter dat er geen woorden zijn waar woorden nodig zijn. Dit betekent dat de site geen boodschap heeft en niets om me echt te haken, tenzij ik al weet wie ze zijn, of ik vind een van de beelden zo absoluut boeiend dat ik er gewoon meer over moet weten. En het is een schande, want de foto's zijn eigenlijk uitstekend. ELI is duidelijk geweldig in wat ze doen (foto's digitaal verbeteren). Maar naar mijn mening moet dat effectiever worden gecommuniceerd dan alleen door me de resultaten van hun werk te tonen.

Laten we tot slot eens kijken naar een site die ergens in het midden is gevallen:

Wanneer je deze site voor het eerst betreedt, word je geconfronteerd met het enigszins verontrustende beeld van deze man die je stilstaart en dan langzaam knippert. Dat is eigenlijk best goed, want veel mensen zullen nieuwsgierig zijn naar wat er aan de hand is en ze willen er meer over weten. Hoewel we op dit moment niet veel weten over Michael, behalve hoe hij eruit ziet, is dat oké. U kunt de "in een oogopslag" -regel opschorten als u een sterke haak heeft, en deze site wel.

Als we een beetje naar beneden scrollen, kunnen we zien dat hij een bericht voor ons houdt:

Super goed. We weten nu wie hij is, wat hij doet en waarom we in hem geïnteresseerd zouden moeten zijn. Maar hier is wat we kunnen zien het belang van niet alleen woorden gebruiken, maar ook de juiste woorden op de juiste manier gebruiken.

Ik zou zeker overwegen om Michael in te huren als ontwikkelaar, maar de enige fout in zijn boodschap is dat het niet erg effectief is. Het vertelt me ​​de verkeerde dingen op de verkeerde manier, zonder me echt te inspireren om meer te weten te komen.

Sorry, Mike. Het is een geweldige site, ik hou echt van het creatieve idee erachter, maar het zou hebben geholpen om hulp te hebben van een professionele schrijver of communicatiespecialist om de juiste toon vooruit te helpen slaan. Neem dit niet op de verkeerde manier. Deze kerel schommelt, hij is geweldig ... misschien niet noodzakelijkerwijs als een schrijver. Eerlijk gezegd is het schrijven over jezelf een van de moeilijkste taken om aan te pakken, en daarom is het soms beter om het werk over te dragen aan iemand anders.

Voorbeeld: het is geen slecht idee om te vermelden naar welke school je bent geweest, maar Simon Fraser University is niet zo bekend genoeg dat je het kunt afkorten tot 'SFU', behalve wanneer je praat met andere mensen die daarheen zijn gegaan.

2. Val op om de juiste redenen

Je ontwerp moet anders en uniek genoeg zijn om mijn interesse in te houden, maar het zou niet zo buiten de muren moeten zijn dat ik mijn netvliezen wil vastpakken om het beeld zo snel mogelijk uit mijn hoofd te krijgen.

De website die u presenteert, maakt deel uit van uw merkidentiteit, als bedrijf of als individu, dus u wilt ervoor zorgen dat het verhaal dat u vertelt een goede is. Als het goed is gedaan, wekt de website nieuwsgierigheid zonder verwarring te scheppen. Je moet "uniek" in evenwicht brengen, dus het stopt een beetje "gek".

Hier is een voorbeeld van een man die het lijkt te krijgen:

Nu is Ed's site een beetje old-school, maar dat is OK, omdat Ed zelf een beetje old-school lijkt te zijn, en daar is niets mis mee als het past. Idealiter zou het beter zijn als de pagina iets meer zou uitrekken om beter gebruik te maken van de beschikbare schermruimte, en het lijkt geen responsief ontwerp te zijn. Dat zou hem alleen maar ten goede komen, het neemt niets weg van zijn boodschap omdat hij niet beweert een webdesigner te zijn. In feite maakt hij heel duidelijk dat hij niet één is, omdat dat handgeschreven menu aan de top links heeft naar veel verschillende soorten ontwerpwerk, maar niet naar webdesign.

Wat ook een ander punt oproept, namelijk dat het gebruik van al dat met de hand geschreven en met de hand gemaakte spullen, de plakboekstijl op oud papier, eigenlijk een heel slimme manier is om visueel te laten zien dat hij in die ouderwetse stijl van ontwerpen is. Hij maakt een lettertype voor je. Hij zal een poster voor je ontwerpen. Misschien kan hij zelfs hele leuke groeten maken, man. Maar hij wil je niet imponeren met dat chique high-tech spul. Om niet te zeggen dat hij het niet kon, alleen dat hij dat niet hoeft te doen.

Hier is nog een andere site waar ik echt naar heb geluisterd vanwege de gewaagde sprong weg van het alledaagse:

Helaas hebben ze om de een of andere reden besloten om het hele ontwerp van de site bij te werken, als ik vind dat het oude ontwerp vrij goed was, en een uitstekende aanpak voor een getrouwd stel dat in een bedrijf samenwerkt. Toegegeven, ze zijn misschien een beetje te zelfspot geweest in hun beschrijvingen van zichzelf, maar dat is de Australische manier. Voor hen, in hun land, is het een aanpak die waarschijnlijk werkt.

De interface van de site is heel eenvoudig. Wanneer je voor het eerst op de pagina terechtkomt, krijg je een replica van een visitekaartje te zien:

Dit werkt omdat het voldoet aan 2 uit de 3-kritiek "in één oogopslag" (wie ze zijn en wat ze doen). Het is vrij duidelijk dat we naar beneden moeten scrollen om het derde ding te achterhalen, en dat is waarom we ons zorgen moeten maken. Zoals ik al eerder zei, kun je de regels wat ontspannen als je een goede haak hebt.

Als je naar beneden scrolt, zie je de Mr & Mrs-sectie, die ons hun foto's, hun individuele rollen in het bedrijf en een korte blurb over elk van hen geeft, wat maar net genoeg is zonder saai te zijn, en ik vind het leuk dat het wordt verteld in de eerste persoon. Zo iets zeldzaams tegenwoordig, als iedereen wordt verteld om dat niet te doen (wat trouwens dom advies is). Aan elke kant van de pagina staan ​​pijlen die aangeven waar je meer informatie kunt vinden, en dat was ook een goed idee, omdat het die boodschap versterkt dat er twee afzonderlijke helften zijn voor het geheel.

Beginnend met haar zijde, worden we meegenomen naar een mooie, schone pagina met een mooie visuele stijl en aantrekkelijke typografie:

Van daaruit heb je toegang tot haar portfolio, meer gedetailleerde autobiografische informatie, haar blog, een handleiding voor haar diensten en informatie over hoe je contact met haar kunt opnemen. Elk van deze pagina's is net zo'n visueel cadeau als je waarschijnlijk zou verwachten.

De pagina over Mr Mealing moet natuurlijk contrasteren, dus het kleurenschema is aan zijn kant omgekeerd. Laten we eens kijken naar hoe Samuel's pagina eruit ziet:

Persoonlijk was ik hier wat minder tevreden over omdat het een meer generieke sjabloon-look had, maar het is nog steeds erg mooi gepresenteerd en de kleuren zijn effectief. Het is niet geheel intuïtief dat de gebruiker de muisaanwijzer over de badges beweegt om aan te geven dat deze voor HTML, CSS en JavaScript staat. Misschien heb ik gewoon een afwijkende geest, maar ik denk dat de JavaScript-code helemaal niet voor de hand ligt en eigenlijk een soort opening lijkt. De pagina kan heel wat gecompliceerde informatie in een kleine ruimte inpakken en het is een effectief stuk communicatie. Misschien is het zeggen dat je 'redelijk goed' bent, niet sterk genoeg als je iemand probeert te overtuigen om je een optreden te geven.

Nu dat we dat hebben behandeld, is het tijd om het feit aan te pakken dat je ook kunt opvallen om de verkeerde redenen. Je kunt dingen een beetje te dicht bij de gekke lijn snijden. Hier is een voorbeeld van hoe het eruit ziet als je dingen misschien een beetje te ver duwt:

Toegegeven, sommige mensen zullen dat waarschijnlijk leuk vinden, maar ik denk dat het gewoon te anders is. Hier, de enige manier om te weten wie ze zijn, is om die badge onderaan de pagina te zien, en wat betreft wat ze doen of waarom je ze moet huren, er is eigenlijk alleen maar een indruk dat ze dingen graag willen krabbelen.

In het geval dat het niet duidelijk is (en dat is het niet!), Zou je op de rode stip moeten klikken. Daarna zoomt het in en speelt een animatie voor u af, zodat u meer punten krijgt om te klikken. Telkens wanneer u op een punt klikt en de korte animatie bekijkt die volgt, wordt er een link weergegeven naast de merkbadge, waarmee u het Facebook-profiel van een van hun bijdragers kunt bekijken.

Maar op de een of andere manier heeft de site, zoals u kunt zien, een prijs gewonnen. Het is duidelijk dat de rechters geen rekening houden met het feitelijk nut van de informatie en of ze al dan niet zeer effectief zijn in het aantrekken van klanten als onderdeel van hun beoordelingscriteria.

3. Houd uw berichten eenvoudig

Eenvoudig, communicatie is wat het beste werkt. Maak goed gebruik van de visuele ruimte en communiceer goed visueel. Je moet ook effectief woorden gebruiken, om mensen te vertellen wat ze moeten weten op de meest geschikte manier. Je hoeft niet per se kort te zijn, en soms is het contraproductief om kort te zijn. Maar je moet wel duidelijk zijn.

Maak vooral indruk op mensen omdat je indrukwekkend bent, niet omdat je indruk probeert te maken. Wat er moet gebeuren, is dat de toeschouwer achter de computer zit en zijn mond van verbazing moet zien vallen terwijl ze naar het scherm staren en de onsterfelijke regel uitspreken: "Wow, dat is echt indrukwekkend! Waar is mijn telefoon? Ik moet deze persoon inhuren! "

Als je het fout hebt, zullen ze zeggen: "Ha! Kijk eens naar die idioot, die me probeert te imponeren met al die hi-tech onzin! '

En als je het echt verkeerd krijgt, zullen ze zeggen: "Arrrgh! Deze waanzinnige website met alle domme grote afbeeldingen, smakeloze onnodige JavaScript en God-vreselijke Flash-animaties heeft mijn CPU volledig overweldigd. Nu moet ik opnieuw opstarten! "

Wees niet die vent. Vermijd ook het gebruik van jargon tenzij het iets is waarvan je zou verwachten dat het publiek er bekend mee is. Het is bijvoorbeeld prima om de afkorting "PHP" te gebruiken en het zou eigenlijk raar zijn als je de afzonderlijke woorden beschrijft waar het voor staat. Aan de andere kant, als je gaat rond de modewoordafkorting van de maand, zoals "CTR" en "KPI", wees niet verrast als je de helft van je publiek verliest.

Heel wat websites, vooral die in webontwerp en SEO, proberen op hoog niveau zakelijk jargon te gebruiken dat gewoon een domper is voor eigenaren van kleine bedrijven en ze zullen afremmen. Of als ze niet afhaken, zullen ze die irritante klant zijn die weet waar je het over hebt, ook al heb je dat niet gedaan toen je die rotzooi schreef. Dus doe dat ook niet, want er komt nooit iets goeds uit.

Respecteer altijd je publiek en behandel ze hoe je zelf behandeld wilt worden. Praat niet tegen ze, maar vermijd verwarrend te zijn. En als je mogelijk kunt, probeer ze dan op een emotioneel niveau te bereiken of hun intellect te stimuleren, zonder hen te laten denken dat je een dwaas bent. Communiceren is tenslotte evenzeer een kunst als een wetenschap.

Bogdan Rancea

Bogdan is een van de oprichters van Inspired Mag en heeft in die periode bijna 6 jarenlange ervaring opgebouwd. In zijn vrije tijd studeert hij graag klassieke muziek en onderzoekt hij beeldende kunst. Hij is ook behoorlijk geobsedeerd door fixies. Hij is al eigenaar van 5.