Når er det mest hensiktsmessige tidspunktet for å gjøre et nettsted redesignet?

Hvem har ikke kommet over et nettsted som ser utdatert og forlatt ut? Som skallet på en ødelagt lastebil som ble stående ute i ørkenen, tydelig urørt i mange år.

Nettsteder er oppdatert av alle mulige årsaker. Dessverre er det mange bedrifter som ikke er klar over det nettstedet trenger et redesign , og bli etterlatt når rivaler får et konkurransefortrinn ved å forbedre deres, øke konverteringen som et resultat.

En hyppig feil bedrifter gjør, vurderer ikke tidlig hva som kan skje hvis nettstedsbehovene deres skulle bli mer komplekse, og som en konsekvens av dette befinne seg i en vanskelig, potensielt kostbar situasjon når de trenger å utvide det. I tillegg kan viktige faktorer som søkemotoroptimalisering (SEO), SSL (som påvirker rangering og sikkerhet) og mobilvennlighet (som påvirker rangering og konvertering) ofte bli neglisjert.

Nye nettstedsdesign skjer ofte på grunn av en lederendring på toppen der det innføres en ny merkevareretning og nye merkevaremarkedsføringsfolk kommer ombord. Evaluerer selskapets nettside, de er forferdet over å høre at den har forferdelig UX og finner at det mangler en betydelig mengde ønskelig innhold. Når vi kommer til konklusjonen, er det rett og slett et dårlig sammensatt 'brosjyrenettsted' som ikke leverer 'merkevarens stemme' eller konverteringene selskapet ser etter, konsensus er at det er modent for endring. Det er på tide med en modernisering av nettstedet.

En nettsideoppdatering for et bilfirma

Det er viktig å nevne at denne bilstudienettens redesign casestudie ikke er et offisielt, bestilt redesign. Jeg har ingen innsideinformasjon om selskapet, deres digitale strategi eller bilindustrien som helhet. Jeg bruker rett og slett bilindustrien som en test case for en casestudie med redesign av et nettsted.

I denne casestudien går vi gjennom prosessen for redesign av nettstedet for det kroatiske bilmerket. Rimac Cars . Rimac er et merke som startet med et enkelt bilkonsept, og har siden utvidet seg til et stort komponentproduksjonsfirma. Som mange startups, startet selskapet med en idé som til slutt utviklet seg til noe annet; denne utvidelsen påvirket nettstrukturen, og hele brukerfokuset endret seg. Markedsetterspørsel tok selskapet i en annen retning, så fokuset på nettstedet måtte også skiftes.

Det er mange forskjellige aspekter og vinkler å vurdere for å oppnå et stort løsning for nettsteddesign . Til tross for at den forrige webdesigner kanskje ikke hadde ressurser, eller nok tid til UX-forskning , wireframing , prototyping, og brukertesting , når det gjelder den generelle kvaliteten på et design, kan selv de minste tidlige designbeslutningene få betydelige negative konsekvenser, og en mindre enn optimal nettstedkvalitet vil til slutt føre til en redesign av et nettsted på to eller tre år. Resultatet av dette er at kunder i det lange løp betaler mer for et nettsted enn de skjønner. Godt definert innholdsstrategi og informasjonsarkitektur er avgjørende når det gjelder ny nettsteddesign.

Når jeg designer store bedriftsnettsteder, nyhetsportaler og andre innholdstunge nettsteder, er jeg en stor fan av atomdesign , et fleksibelt designsystem som handler om å lage alle UI-komponentene som vil fungere for flere skjermer og uforutsette situasjoner i begynnelsen av et prosjekt. Selv om denne spesielle casestudien ikke er for en stor nyhetsportal, vil det likevel gjøre prosessen mye enklere hvis et designbibliotek med atomiske designelementer (et sett med nøye gjennomtenkte og veldefinerte designkomponenter) er satt opp for å jobbe med seinere.

Først etter at nettstedet har den riktige innholdsstrategien og informasjonsarkitektur på plass bør fokuset skifte til brukeropplevelsen. Uten riktig nettstedstruktur har brukeropplevelsesdesignet ingen styrke. Kanskje nettstedet ved første øyekast ser fint ut og fungerer bra, men hvis det ikke er innebygd nok fleksibilitet, er det uunngåelig at selskapet på et eller annet tidspunkt må vurdere et redesign av et nettsted.

Hvorfor redesign dette bilfirmaets nettsted?

Rimac Automobili utvider, og ifølge offisielle innlegg, en ny konseptbil kalt “Concept_One” er allerede i produksjon. På tidspunktet for denne uoppdragne redesignet, viste nettstedet deres bare en bil, den 'C_Two.' Det var ingen visuell variasjon - nettstedet ble opprettet fra to maler, slik at hver side så veldig like ut. Designet var fokusert på store, attraktive bilder av bilen uten mye annet å illustrere C_Two bilens kvalitet - viktig informasjon som trengs for å lede besøkende til en beslutning om å kjøpe bilen.

Som ordtaket sier: 'Du får aldri en ny sjanse til å gjøre et førsteinntrykk.' Det er viktig å bruke virkningen av flott design for effektivt å overtale besøkende (som i dette tilfellet for det meste vil være høyytelsesbilentusiaster) til å kjøpe en bil som koster nærmere en million (USD). Slike avanserte nettsteder må oppfylle en utrolig høy standard. De må projisere en følelse av kvalitet og karisma, og tilby et høyt salgsnivå i tillegg til en overbevisende stil.

Flott nettsteddesign må skille seg ut i et hav av lignende nettsteder

Et stort problem i bilindustrien er at de fleste nettsteder i det området har en tendens til å se likt ut. Annet enn forskjellige fargevalg og heltebilder, virker det nesten som om de bruker den samme nettsidemalen.

Det er mange faktorer bak et bilfirmas beslutninger om nettstedsdesign, men det må skilles tydelig mellom en bil på 1 million dollar og en bil på 25.000 dollar og i måten de presenteres på.

I det eksklusive bilområdet, Ferrari , Lamborghini , og Aston Martin har altfor enkle, typisk bedriftsnettsteder som (etter min mening) ikke gir en god brukeropplevelse.

Det midterste forbrukerområdet ( Volkswagen , Toyota , Peugeot , og så videre) har en veldig lignende innholdsstruktur på nettstedet som de mer avanserte eksemplene nevnt ovenfor. Den største forskjellen mellom high-end og mellomstore forbrukerbilmerker er prisen, så man kan forvente at Rimac med sine eksklusive biler ville ha et enestående nettsted for å gjenspeile denne forskjellen og vise frem sitt dyre merke.

Kundeforventningene er høye når du besøker disse ekstremt dyre bilmerkenettstedene; det er et stort økonomisk engasjement, og helt naturlig vil de være sikre på at de får den beste bilen pengene deres kan kjøpe.

Hvorfor er en Rimac bedre enn en Toyota? Når man ser på nettstedene deres, er det ikke mye forskjell mellom disse to veldig forskjellige merkene. Bør ikke dette fremgå av kvaliteten på nettstedet deres?

Målretting mot high-end bilkjøpere med flott nettsteddesign

Ethvert nettsted må ta hensyn til brukerne. Hvem er målgruppen for denne typen biler? Hva leter de etter?

Rimacs biler koster rundt $ 850 000 dollar, og bare noen få vil bli laget, og kvalifiserer dem til et 'limited edition' -merke. Selv om vi ikke nøyaktig kan identifisere hvilken type kunde som vil være interessert i å kjøpe disse bilene, kan vi anta at de fleste kunder kommer fra den velstående eliten. Er Rimacs nettsted målrettet mot disse kundene effektivt?

Analysering av informasjonsarkitekturen

På vårt eksempelnettsted kunne vi se det første navigasjonselementet var “Concept_One” (den gangen var det selskapets eneste produkt). Den virkelige nettsiden har siden blitt oppdatert. Det andre navigasjonselementet er utviklingen av selskapet, hvordan bilen ble produsert, mens den tredje varen er selskapets produkter og tjenester. Det fjerde navigasjonselementet er et annet selskapsprodukt ( Greyp elektriske sykler ). De to siste varene er 'presse', som inneholder pressemeldinger, og 'bloggen', og ingen av dem er spesielt nyttige siden de fleste av nyhetene deres ble publisert på sosiale nettverk.

En annen sak var at karriereforbindelsen var skjult som et sekundært, mindre viktig navigasjonselement og, gitt den enorme utvidelsen av selskapet, representerte en viktig sak. Hvis vi ser på brukeren som fokus for bedriftens bekymringer, vil vi se at det på de fleste bedriftsnettsteder (typiske unntak er bedrifts- / ekstremt store nettsteder) er det veldig viktig å ha en fremtredende 'karriere' -link eller CTA.

Nettsteds redesignprosessen

Hjemmeside heltebilde før og etter

Opprinnelig var hensikten å lage en mørkere, kraftigere versjon av bilen. Jeg fant noen bilder av Concept_One bil på nettet og med litt 'Photoshop-magi', skapte det det første heltebildet til hjemmesiden. Den neste ideen var at en animasjon sakte skulle avsløre bilen, først bakgrunnen, deretter en omriss av bilen, etterfulgt av et fullstendig gjengitt bilde.

Hjemmesidedesignet

For hjemmesiden var konseptet å definere to hovedvisuelle områder: toppnavigering og bilheltbildet. Det er det. For å gjøre det minimalistisk, men likevel slående, ble alt unødvendig fjernet. Med et raskt blikk er alle viktige ting synlige - alt annet ble flyttet til undersider på nettstedet.

Innholdsstrategi og design

For slike nettstedsoppdateringsprosjekter er det viktig å også utforme innholdet, ikke bare strukturen på nettstedet og den visuelle estetikken. Siden dette er et ikke-kommisjonert redesign av nettstedet, gir det mer frihet til å eksperimentere, samt en estetisk fleksibilitet der det er full mulighet til å ta våre egne designbeslutninger.

Prosessen er enkel:

1. Forbered brødteksten som vises på nettstedet.
2. Kommuniser noen designelementer - for eksempel iøynefallende detaljer om akselerasjon, hestekrefter og toppfart - gjennom ikoner eller interaktive animasjoner.

Ved å gjøre dette er det ikke nødvendig med tilleggsord i brukergrensesnittet, og oppmerksomhet rettes mot områder som er viktigere for besøkende på nettstedet.

Nettstedsnavigering redesign

Nettstedsnavigasjonsstrukturen er nå omorganisert basert på et hierarki av betydning. Vi har Kjøretøy som den første rullegardinmenyen i navigasjonen, som gir designet fleksibilitet fordi det gjør det mulig for selskapet å legge til flere bilmodeller i fremtiden.

Å gi øyeblikkelig tilgang til det sekundære Produkter siden fra hjemmesiden ble det bestemt at for effektivitets skyld i stedet for å opprette en ny side med produktoppføringer (på en annen webside) Produkter og dets underkategorier kan innlemmes på hjemmesiden som et rullegardinområde og være en del av navigasjonen. Designet nedenfor viser forskjellige produkter gjengitt som ikoner på hjemmesiden når besøkende klikker Produkter i navigasjonen. For 3D-produktgjengivelser som betyr andre nivåer under Produkter , Jeg vil anbefale Three.js, WebGL, Canvas og Greensock ettersom de er kjente, standardiserte verktøy.

Sekundære sider på nettstedet redesign

I motsetning til Hjemmeside , sekundære sider som Om og Service sider bruker et annet, mer Z-mønstret rutenett. Hensikten med det forskjellige rutenettet er å gi besøkende et mer interessant og dynamisk miljø mens de skanner disse sidene.

Den sentrale ideen er fremdeles visuell minimalisme med så lite tekst som mulig. Folk kommer ikke til denne typen bilnettsteder for å lese mye tekst, men for å få informasjon raskt og visuelt. Dette var tanken bak store, dristige skrifttyper på sidetitler og bruk av forskjellige skriftstiler.

Det er viktig å merke seg at denne typen 'firmabrosjyre' redesign av nettsteder er forskjellig fra en redesign av tjenester. En “firmabrosjyre” -side handler mer om markedsføring av produkter. Serviceorienterte redesign av nettsteder vippes mer mot å konvertere klikk til konverteringer og eventuelt fortjeneste.

Konklusjon

Det er flere andre designbloggartikler der ute som anbefaler hvorfor det er en god ide designere å delta i uoppdragne designprosjekter på siden. Hvis du vil designe et veldig kult prosjekt, kan du velge en idé - det kan være et nettsted, en app, et SaaS-produkt for bedrifter - og løse et designproblem for det.

Dribble er full av uønskede konseptuelle redesignprosjekter hvor digitale designere har en mulighet til å vise frem sine designkoteletter. Bortsett fra å gi deg et kult design som presenterer en kreativ løsning for verden, vil det å jobbe med et 'faktisk' produktproblem vise potensielle selskaper og kunder hvordan du tenker, prosessen din og din ekspertise.

I mitt tilfelle var det en flott øvelse å takle et high-end bilnettsted fordi det er spesielt viktig for utformingen av nettsteder i denne sektoren å oppfylle en eksepsjonelt høy standard.

Imidlertid, et ord med forsiktighet: før du dykker inn og begynner å designe, er det en god idé å være fremoverlent og vurdere hvordan et bestemt nettsted vil trenge å se ut om tre år, ikke bare fra perspektivet til designestetikk, men fra innholdet, funksjon og struktur. Det er avgjørende at innebygd fleksibilitet er et seriøst designhensyn. Det er enklere, mer effektivt og langt mindre smertefullt å lage små justeringer som passer til fremtidige krav når nettstedet eller undersidene fungerer og skalerbare.

Noen ganger er det veldig vanskelig å overbevise en potensiell klient om å gjøre en nettsideoppgradering. Ofte er klienter motvillige til å forplikte seg på grunn av mangel på ressurser, midler eller tid. Ikke desto mindre er et uønsket redesign av nettsteder en fin måte å presentere redesignprosessen på nettstedet ditt for verden. Og hvem vet? Det er ganske mulig at redesignet av nettstedet ditt kan imponere en motvillig klient nok til at de grønt lys for et “ekte” prosjekt, der designeren får en ekstra bonus!

• • •

Videre lesing på ApeeScape Design Blog:

• Fundamentals of Website Redesign - A Case Study
• The True ROI of UX: B2B Redesign Case Studies
• Tar IKEA ut av esken og redesigner den for 1,6 milliarder brukere
• La oss redesigne Facebook: 10 inspirasjoner for å komme i gang
• Hvordan CrunchBase skal utformes

Forstå det grunnleggende

Hva er redesign av nettstedet?

Hvert nettsted redesign er annerledes, men de grunnleggende målene er bedre UX, økt online tilstedeværelse og høyere konverteringsfrekvenser. En typisk nettsideoppdatering vil oppdatere grafikken og grensesnittet, samt oppdatere layout, innhold og SEO.

Hvor ofte bør du redesigne et nettsted?

For å holde seg oppdatert så vel som konkurransedyktig, bør et nettsted oppdateres hvert annet til tredje år. Nettsteds redesignprosessen er ikke noe som skal tas lett på. Jo mer gjennomtenkt redesignet er, desto lenger er utholdenhetskraften.

Hvorfor er det viktig å oppdatere et nettsted?

Et nytt nettsted design er avgjørende for at en bedrift skal være relevant og konkurransedyktig. Det er viktig å sørge for at et nettsted ser moderne ut og er oppdatert, forblir sikkert, effektivt og oppdatert; at innholdet er friskt, SEO maksimeres og analyser overvåkes.

Hvorfor er utformingen av et nettsted viktig?

Ifølge studier bedømmer nesten 75% av de besøkende en virksomhet etter design. Flott nettsteddesign tar hensyn til estetikk, UX, innhold og metadata. Den støtter en markedsføringsstrategi, øker merkevarebevisstheten, tiltrekker besøkende og hjelper med å konvertere dem til brukere.