toimistot ovat usein liian kiireisiä työstämään muiden ihmisten digitaalisia tuotteita, jotta ne pystyisivät oikeasti selvittämään omia verkkosivustojaan.
hyviä agenttisivustoja kuitenkin riittää. Olemme valinneet niistä 10.
useimmat ovat Econsultancyn Top 100 Agencies reportista (vapaasti ladattavissa), jossa on Iso-Britannian maku, vaikka monet ovat kansainvälisiä. Olenko web-suunnittelun asiantuntija? Ei oikeastaan, mutta olen näyttänyt työtäni alla…
Online-koulutukset
saadaksesi lisätietoja muotoilusta, katso econsultancyn Online Fast Track: Psychology for Digital Marketing course tai tutustu Econsultancyn muuhun Online-koulutustarjontaan.
Made by Many
Made by Many on uskomattoman puhdaspiirteinen sivusto. Pyöristetyt abstraktit muodot (joista osa on hienovaraisesti animoituja) ja keskusteleva kopio antavat virastolle lämpimän ja ystävällisen tunnelman.
on myös unmissable newsletter sign-up. Se ei ole kovin yleistä nähdä yksi näistä niin näkyvästi viraston verkkosivuilla, mutta ehdottomasti hyvä idea, ansaan ne, jotka saattavat (jonain päivänä) harkitsevat värvätä uuden viraston.
otsikkovalikossa oleva sosiaalistyylinen ilmoitus hälyttää vierailijat avoimista työpaikoista-näppärä tapa kiinnittää mahdollisten lahjakkuuksien huomio:
Stink Studios
Stink Studiosin verkkosivuilta huokuu samanlaista coolia kuin harvoin ilmestyvistä muotilehdistä, joita näkee lehtikioskeissa otsikoilla ”The Gentlewoman” tai ”sum zine”.
on luottamusta typografiaan, valkoista tilaa taitoksen yläpuolella, ja leveilyn puutetta millään vieritystempauksella. Se näyttää yhtä siistiltä myös mobiilissa. Stink group koostui aiemmin Stink Filmsistä, Stinkdigitalista ja Stinkstudiosta, mutta vuoden 2017 alussa kaksi jälkimmäistä fuusioitiin yhteen.
tuntuu merkittävältä, että sana ”digitaalinen” on kadonnut. Itse sivustolla sinua ei pommiteta digitaalisella kikkailulla, vaan työ puhuu puolestaan, ja sattuu sisältämään digitaalisia voimavaroja.
Selaa nopeasti alas uutis-tai työ-tai Yhteystietosivuilla ja katso, kuinka hienosti kuvat suoriutuvat laiskasta kuormastaan. Ihanat ruudut porrastetuissa pastelleissa odottavat kärsivällisesti kuviensa peittymistä, eli sivu näyttää siistiltä, olivat kuvat ladattuja tai eivät.
vierittämällä mitä tahansa sivua, voit siirtää hiiresi vasemmalle marginaaliin ja otsikkovalikko ilmestyy alas vasemmalle puolelle, joten voit navigoida ilman, että sinun tarvitsee selata takaisin alkuun.
Be Heard
Be Heard huokuu itsevarmuutta käyttämällä verkkosivuillaan kovia repliikkejä ja tiiviisti pakattuja kuvia. Kotisivu itsessään on täynnä persoonallisuutta, jossa yksittäisten työntekijöiden muotokuvat ja käsiala muodostavat kiireisen taustan heidän viimeisimpien projektiensa yksityiskohtia vastaan. Yhtiön logo on animoitu läpivalaisemaan myös joitakin käsialanäytteitä.
heidän sivustonsa ” työ ” – osiossa on paljon boolia. Useat värikkäät neliömäiset kuvat istuvat vierekkäin ilman pehmustetta, mikä osoittaa, kuinka monessa projektissa he ovat olleet mukana. Leiju jokaisen yllä oppiaksesi hieman lisää.
Kaiva syvemmältä ja sinua tervehditään hätkähdyttävällä sankarikuvalla jokaista tapaustutkimusta varten.
Sagmeister & Walsh
Jos olet sagmeisterin asiakas & Walsh, voit käydä viraston kotisivulla tarkistamassa, ovatko työntekijät töitä tai ei. Kotisivulla on suoraa videokuvaa viraston toimistoista.
verkkosivu, jossa on runsaasti mustavalkoista tekstiä, ja ”plain text” – fontti esiintyy basic ensisilmäyksellä-katso vain ”services” – ja ”clients” – osiot alla olevalta ”about” – sivulta.
toimisto, jolla on perimää printti-ja identiteettisuunnittelussa, on kuitenkin varsin ilmiselvästi vain projisoimassa naurettavan itsevarmaa persoonaansa.
sivuston ”uutiset” ja ” työ ” -osioissa väri hallitsee vihdoin, ja kaiken kaikkiaan saa tuntumaa luksusbrändiin (virasto onkin tehnyt yhteistyötä monien luksusasiakkaiden kanssa).
yksittäisiin tapaustutkimuksiin napsahtaen kuvasto on todella hienosti esitetty, ja tapa, jolla se täyttää sivun, saa sen näyttämään siltä, kuin liputtaisi sohvapöytäkirjan läpi.
suunnittelu jää puhumaan puolestaan, eikä saatetekstiä juuri ole, ellei klikkaa nähdäksesi projektiinfon.
We Are Friday
typografia dominoi we Are Friday – sivustoa, joka on puristettu näytön vasempaan reunaan asti luomaan immersiivisen – ja varmasti vakuuttavan-kotisivun.
tämän jälkeen useimmilla alasivuilla on sama fontti, joka rullaa koko ruudun poikki; toinen huomaavainen kosketus, joka tuo koko verkkosivuston yhteen.
tämän sivuston ehkä paras bitti löytyy kuitenkin aivan alaosasta. Verkkosivun alatunnisteet ovat usein tavallinen, tylsä ja unohdetaan. Ei täällä-jokaisella sivulla on erilainen, kauniisti kuvitettu alatunniste, jossa esitellään viraston yhteystiedot. Erinomainen tilankäyttö.
Inviqa
me kaikki tiedämme, että kirkkaat värit ovat en vogue, kun se tulee web design, mutta Inviqa vie sen seuraavalle tasolle, ja se on hienoa. Ota aurinkolasit esiin nyt…
Geometrinen kuvio kulkee sivuston monien visuaalisten näkökohtien läpi kiinnittäen huomion erityisen tärkeisiin tiedonmuruihin, jotka sinun on tiedettävä.
tällä sivustolla huomiota väripaletin yksityiskohtiin ja johdonmukaisuuteen on ilo katsella ja huutaa ”hauskaa” ja ”luovuutta”.
Bolden
alankomaalaisella Boldenilla on omituinen, havainnollinen kotisivu, joka mukautuu sijaintisi säähän ja vuorokaudenaikaan. Vaikka sivusto onkin hieman aiheeton, sen kanssa on hauska olla vuorovaikutuksessa ja se tekee sivustosta ikimuistoisen.
Lontoossa sataa kirjoittamisen aikaan.
ja Mexico Cityssä on kirkas yö.
kauniit kuvat nousevat keskeiseen asemaan Boldenin ”työn” sivulla, joka tuottaa minimalistisen mutta huomiota herättävän lopputuloksen. Title copy tarttuu kohdistimeen, kun viet jokaisen kuvan päälle, mikä on toinen liukas interaktiivinen kosketus.
ja lopuksi Bolden lunastaa erän siisteimmän ”about” – sivun, joka alkaa yksinkertaisella nimilistalla jokaisesta henkilökunnan jäsenestä.
Code
Code on toinen virasto, jolla on isot värit ja paksu typografia. Aloitti minimaalinen elinkelpoinen tuote viraston (varmistaa sitoutuminen jatkuvaan kehitykseen), tämä sivusto on erittäin helppo navigoida ja tekee työtä tunnet verkkosivuilla pienehkö riippumaton virasto pitäisi tehdä.
copywriting on selkeä ja yksinkertainen.
”What We Do” -sivulla on erikoisuuksia, jotka on jaettu kategorioihin, joissa call-to-action-painikkeet laukaisevat sähköpostikirjeenvaihtelun.
Punainen mäyrä
Punainen mäyrä käyttää hyvin rajattua väripalettia, joka koostuu harmaasta, mustasta, keltaisesta ja punaisesta. Toisin kuin jotkut tämän luettelon verkkosivustot, sen kotisivu ei upota kävijöitä kirkkailla väreillä, valtavalla tekstillä ja runsaalla valokuvauksella. Sen sijaan se keskittyy yksinomaan kopiointiin, mukaan lukien joitakin mielenkiintoisia tilastoja, joissa korostetaan viimeaikaisten hankkeiden mitattavissa olevia tuloksia.
pistekuvia on kaikkialla, mikä lisää persoonallisuutta ja hienovaraista, ystävällistä huumoria.
tämä huumori löytyy myös Red mäyrä-sivuston ”meistä” – osiosta, josta voit lukea lisää Milo Castrosta, Toimistokoirasta ja Pahvilaatikkosilppurista. Tosi söpö.
dogstudio
listan viimeisenä on belgialainen dogstudio. Syy, miksi olemme lisänneet sen tänne, on tapa, jolla teos esitetään kotisivulla-klikkaa ja sinut viedään asiakkaan varsinaiselle verkkosivustolle (suunnitellut dogstudio), eikä pitkälle tapaustutkimussivulle.
pidämme tästä ideasta (ja siitä, että se avautuu uuteen välilehteen), koska se kannustaa sitoutumaan työhön ja vähentää markkinointipeliä.
on vähän enemmän off-the-wall-kuvastoa ja kopiointiakin.
ja hyvin luova kontaktisivu. Olen napannut vain yhden esimerkin alla olevasta GIF-kuvasta, mutta tässä oleva viesti kiertää vähintään 20 kertaa sisältäen joitakin outoja, ehkä jopa sopimattomia lauseita (”jos tykkäät iskeä mummoja..”).
ja tällä nuotilla tulemme listamme loppuun.
samaa mieltä? Eri mieltä? Mikä tekee suuri virasto verkkosivuilla-kerro meille alla.
Econsultancy ’ s Top 100 Digital Agencies