Innhold
- 01. Rafal Bojar
- 02. Adel Vakula
- 03. Mellombarn
- 04. Sea Harvest
- 08. Femme og Fierce
- 09. Puree Maison
- 10. Vi er praktisk talt
- 13. Katy Perry
- 14. Blekkbeholderen
Disse fantastiske WordPress-nettstedene viser det beste av dette populære CMS. Da WordPress først ble lansert i 2003, ble WordPress ansett som et grunnleggende bloggverktøy for amatører. Svært raskt tok den av og ble et fullverdig CMS som nå driver millioner av nettsteder over hele verden.Og kreative fagfolk har presset CMS 'grenser for å lage komplekse og vakre WordPress-nettsteder siden den gang.
For å vise deg nøyaktig hva denne utrolige CMS kan gjøre, har vi valgt noen av de beste WordPress-nettstedene rundt. Hvis denne artikkelen inspirerer deg til å bygge ditt eget WordPress-nettsted, vil disse Wordpress-opplæringene hjelpe deg med å komme i gang, eller hvis du vil bygge en fantastisk portefølje, kan du sjekke ut vår guide til de beste WordPress-porteføljetemaene.
- De beste webhotelltjenestene i 2019
01. Rafal Bojar
Designer Zhenya Rynzhuk brukte WordPress som et semi-hodeløst CMS, med Vue.js for frontend, for å lage dette engasjerende fotografiporteføljesiden for Rafal Bojar. Den har en hjemmeside som viser forhåndsvisninger av utvalgte historier, et glatt rutenett for å vise frem alt Bojars arbeid, og en essens-side som forklarer fotografens filosofi og tilnærming.
"Målet var å gi besøkende den unike opplevelsen og vise frem Rafals fantastiske verk," sier Rynzhuk. Paret diskuterte noen forskjellige backend-alternativer, men bestemte seg for WordPress slik at nettstedet ville være enkelt å administrere og regelmessig oppdatere med nye prosjekter.
I tillegg til WordPress og Vue.js bruker nettstedet en S3-bøtte til å lagre data, som leveres gjennom Cloudfront for å sikre raske lastetider. Rynzhuk benyttet seg også av Bedrock og Hendrik-Jan de Harders Vue-skjelett, samt GSAP for animasjonene.
02. Adel Vakula
Adel Vakula er en internasjonalt kjent modell fra Ukraina, og dette salgsfremmende nettstedet for henne kommer fra landsmennene Yabloko ideestudio, som ikke bare designet og kodet det, men laget alt illustrasjonsarbeidet. Resultatet er en fantastisk karakteristisk visuell fest, som strekker seg over en rekke malende vignetter med vår glamorøse heltinne.
Fra det innledende bomulls candy cloudscape som bokstavelig talt bobler av subtile animasjoner, spiller Vakula i drømmende portretter designet for å demonstrere en karismatisk personlighet. Hun har lunefull utsikt over den parisiske natten på toppen av en gargoyle som også fungerer som en YouTube-avspillingsknapp, etter å ha tatt et New York Subway-tog fra en plattform komplett med buskatt. Besøk til Venezia og Ibiza gir like eksentriske bakgrunner til Instagram- og e-postkoblinger, hvor til og med cocktail-sipping sel oppmuntrer til en følge. Det er tunge i kinnet, men gjort med en slik sjarm og teknikk at du ikke kan unngå å bli forelsket. Selv musepekeren blir helt hjerteformet.
Bygget på WordPress CMS, er et fremtredende brukergrensesnittelement en morsom seksjon der du kan dra og slippe antrekk på en virtuell Vakula for å se ekte modelleringsknapper. Ettersom telefonkort for mulig avstøpning går, slår denne en mer minneverdig stilling enn de fleste.
Forfatter: Mark Billen
03. Mellombarn
Prisbelønt, Philadelphia-baserte sandwichbutikken Middle Child trengte et nettsted som matchet den quirky, upretensiøse stemningen. Full-service design- og teknologistudio Self Aware tok utfordringen og skapte et nettsted basert på et helt skreddersydd WordPress-tema ved hjelp av Timber og ACF - en kombinasjon som studiopartner Mike Wagz kaller "en spillveksler for seriøse WordPress-temautviklere".
Self Aware benyttet seg også av de nyeste webteknologiene for å tilby en optimal opplevelse: Oppsettet ble opprettet ved hjelp av CSS Grid, og en Service Worker cacher statiske eiendeler inkludert CSS- og JavaScript-filer for å øke hastigheten på innledende innlastingstider.
"Middle Child oser av atmosfære fra alle kroker og kroker," legger Wagz til. "Det ønsker kunder fra alle samfunnslag hjertelig velkommen med akkurat den rette mengden moro, kitsch og finurlighet. Jeg tror dette designet er vellykket fordi vi var i stand til å fange denne ånden og oversette den til nettet."
For å finne det perfekte verktøyet, sjekk ut disse topp nettstedbyggere. I tillegg, se nedenfor for de beste prisene.
04. Sea Harvest
noformat er et strategisk designstudio basert i New York. Hjemmesiden har et animert øyeepledesign som følger den besøkendes markøren rundt skjermen, mens overlappet tekst går gjennom alle ting noformat kan lage. For å lage øyeeplet utforsket teamet først designet i After Effects CC, før de brukte three.js til å bygge en interaktiv versjon, forklarer Ian Brewer, grunnlegger og kreativ direktør for noformat.
"Vi brukte toppunkt- og fragmentskygger for å optimalisere for GPU-gjengivelse og fikk det til å pulsere og blinke noformatlogoen inni," fortsetter Brewer. "Vi brukte deretter etterbehandlingseffekter for å gi det et mer organisk og mindre 3D-utseende ved å uskarpe kantene og legge blomstre til høydepunktene."
Resten av nettstedet lever opp til virkningen av den første siden, med glatte overganger og subtile parallakseffekter som viser tekniske ferdigheter uten å påvirke brukervennligheten.
"Vi valgte WordPress for nettstedet vårt for hastighet til lansering og fleksibilitet," forklarer Brewer. "Gjennom årene har vi bygget våre egne biblioteker og modulbaserte redigeringssystemer som lar oss lage eller redigere et nettsted raskere enn noen annen CMS-løsning."
08. Femme og Fierce
Nederlandsk opplevelsesdesignstudio Wonderland har levert e-handel med sass for Femme og Fierce. WordPress-nettstedets ansiktsfarge, sammenstøt-tastic fargevalg gir den online moteforhandlerens merkevaremelding fra begynnelsen. Animerte 'klistremerker' - snurrende lollipops, jabbende piler, slikkende lepper - skaper en frekk følelse og bør resonere med Snapchat / Instagram-generasjonen som dette området er rettet mot.
09. Puree Maison
Purée Maison er et kreativt og strategisk studio basert i Paris. WordPress-nettstedet skiller seg ut hovedsakelig takket være de solgule animerte klatringene som vises på sveven, injiserer personlighet i kjedelige merkeuttalelser og gir liv til overganger. De hjelper også den besøkende å finne veien rundt, og oppfordrer dem til å utforske og samhandle med nettstedet.
10. Vi er praktisk talt
Bygget av Københavnsbaserte design- og merkevarebyrå Stupid Studios, viser stedet for Danmarks designmuseum ikke bare museets arkiver, samlinger og forskning, men presenterer det også i en oppdatert stil. Fra åpningen av SVG-animasjonen av museets logo til iøynefallende parallaksrulling og stemningsfremmende palettbytter mens du blar gjennom innholdet, er det den perfekte online tilstedeværelsen for et viktig designmål.
13. Katy Perry
Popprinsesse Katy Perry bruker ingen ringere enn WordPress for å være vert for sitt offisielle nettsted. Fokus - forståelig nok - på visuelle og sosiale medier, bruker nettstedet høye porteføljebilder fra kunstneren for å komme med en dristig uttalelse. Bla ned for å se turnédatoer, merchandise og mer, eller bruk ikonene for å oppdage mer.
Det er et rent, men allikevel edgy nettsted som klarer å blande kunstnerens særegne bubblegum pop personlige image med en brukervennlig, blank mag-stil funksjonalitet. Borte er dagene med travle båndsider full av for mye animasjon og musikk du ikke kan stoppe. Perrys nettsted viser at du kan pakke inn rikelig med personlighet med bare en enkel hvit bakgrunn og lett navigerbare lenker, noe som gir fansen muligheten til å lytte, se og lære enkelt og når det passer deg.
14. Blekkbeholderen
