Indhold
- 01. Rafal Bojar
- 02. Adel Vakula
- 03. Mellembarn
- 04. Havhøst
- 08. Femme og hård
- 09. Puree Maison
- 10. Vi er næsten
- 13. Katy Perry
- 14. Blækbeholderen
Disse fantastiske WordPress-websteder viser det bedste fra dette populære CMS. Da det først blev lanceret i 2003, blev WordPress betragtet som et grundlæggende blogværktøj til amatører. Meget hurtigt startede det og blev et fuldt udviklet CMS, der nu driver millioner af websteder over hele verden.Og kreative fagfolk har skubbet CMS 'grænser for at skabe komplekse og smukke WordPress-websteder lige siden.
For at vise dig præcis, hvad denne utrolige CMS kan gøre, har vi valgt nogle af de bedste WordPress-websteder rundt. Hvis denne artikel inspirerer dig til at oprette dit eget WordPress-websted, hjælper disse Wordpress-tutorials dig med at komme i gang, eller hvis du vil opbygge en fantastisk portefølje, skal du tjekke vores guide til de bedste WordPress-porteføljetemaer.
- De bedste webhostingtjenester i 2019
01. Rafal Bojar
Designer Zhenya Rynzhuk brugte WordPress som et semi-headless CMS med Vue.js til frontenden for at skabe dette engagerende fotografiporteføljeside for Rafal Bojar. Den har en hjemmeside, der viser forhåndsvisning af udvalgte historier, et glat gitter til fremvisning af alt Bojar's arbejde og en 'essens' side, der forklarer fotografens filosofi og tilgang.
"Målet var at give besøgende den unikke oplevelse og fremvise Rafals fantastiske værker," siger Rynzhuk. Parret diskuterede et par forskellige backend-muligheder, men besluttede sig for WordPress, så webstedet ville være let at administrere og regelmæssigt opdatere med nye projekter.
Udover WordPress og Vue.js bruger webstedet en S3-spand til at gemme data, som leveres gennem Cloudfront for at sikre hurtige indlæsningstider. Rynzhuk benyttede sig også af Bedrock og Hendrik-Jan de Harders Vue-skelet, samt GSAP til animationerne.
02. Adel Vakula
Adel Vakula er en internationalt berømt model fra Ukraine, og dette reklameside for hende kommer fra landsmænd Yabloko idéstudie, der ikke kun designede og kodede det, men skabte alt illustrationsarbejdet. Resultatet er en storslået særpræget visuel fest, der spænder over et antal maleriske vignetter med vores glamourøse heltinde.
Fra det åbne bomulds candy cloudscape, der bogstaveligt talt bobler med subtile animationer, spiller Vakula i drømmende portrætter designet til at demonstrere en karismatisk personlighed. Hun har lunefuld udsigt over den parisiske nat oven på en gargoyle, der også fungerer som en YouTube-afspilningsknap efter at have fanget et New York Subway-tog fra en platform komplet med busking-kat. Besøg til Venedig og Ibiza giver lige så excentriske baggrunde til Instagram- og e-mail-links, hvor selv cocktail-nippende sæler tilskynder til en følge. Det er tunge i kind ting, men færdig med sådan charme og teknik, at du ikke kan lade være med at blive forelsket. Selv musemarkøren bliver helt hjerteformet.
Bygget på WordPress CMS er et standout UI-element et sjovt afsnit, hvor du kan trække og slippe tøj til en virtuel Vakula for at se ægte modelleringsknapper. Når telefonkort til mulige støbninger går, slår denne en mere mindeværdig stilling end de fleste.
Forfatter: Mark Billen
03. Mellembarn
Den prisvindende, Philadelphia-baserede sandwichbutik Middle Child havde brug for et websted, der matchede dens quirky, uhøjtidelige stemning. Full-service design og teknologistudie Self Aware steg til udfordringen og skabte et websted baseret på et helt skræddersyet WordPress-tema ved hjælp af Timber og ACF - en kombination, som studiopartner Mike Wagz kalder "en spilskifter til seriøse WordPress-temaudviklere".
Self Aware benyttede sig også af de nyeste webteknologier for at tilbyde en optimal oplevelse: layoutet blev oprettet ved hjælp af CSS Grid, og en servicearbejder cachede statiske aktiver inklusive CSS- og JavaScript-filer for at fremskynde de indledende indlæsningstider.
"Middle Child oser af atmosfære fra alle kroge og kroge," tilføjer Wagz. "Det byder kunder fra alle samfundslag velkommen med den rigtige mængde sjov, kitsch og finurlighed. Jeg synes, dette design er vellykket, fordi vi var i stand til at fange denne ånd og oversætte det til internettet."
For at finde dit perfekte værktøj skal du tjekke disse topwebstedbyggere. Plus, se nedenfor for de bedste priser.
04. Havhøst
noformat er et strategisk designstudie med base i New York. Hjemmesiden har et animeret øjeæbledesign, der følger den besøgendes markør rundt på skærmen, mens overlejret tekst cykler gennem alle de ting, som noformat kan skabe. For at skabe øjeæblet udforskede holdet først designet i After Effects CC, inden de brugte three.js til at opbygge en interaktiv version, forklarer Ian Brewer, grundlægger og kreativ direktør for noformat.
"Vi brugte vertex og fragment shaders til at optimere til GPU-gengivelse og fik det til at pulsere og blinke noformat-logoet indeni," fortsætter Brewer. "Vi anvendte derefter efterbehandlingseffekter for at give det et mere organisk og mindre 3D-look ved at sløre kanterne og tilføje blomster til højdepunkterne."
Resten af webstedet lever op til virkningen af den første side med glatte overgange og subtile parallakseffekter, der viser tekniske færdigheder uden at påvirke brugervenligheden.
"Vi valgte WordPress til vores side for hurtig start og fleksibilitet," forklarer Brewer. "I årenes løb har vi bygget vores egne biblioteker og modulbaserede redigeringssystemer, der giver os mulighed for at oprette eller redigere et websted hurtigere end nogen anden CMS-løsning."
08. Femme og hård
Hollandsk designstudie Wonderland har leveret e-handel med sass til Femme og Fierce. WordPress-webstedets in-your-face, sammenstød-tastic farveskema leverer online modeforhandlerens brandbesked fra off. Animerede 'klistermærker' - snurrende lollipops, jabbende pile, slikkende læber - skaber en fræk følelse og skal resonere med den Snapchat / Instagram-generation, som dette interval er rettet mod.
09. Puree Maison
Purée Maison er et kreativt og strategisk studie med base i Paris. Dens WordPress-websted skiller sig ud hovedsagelig takket være de solrige gule animerede klatter, der vises på svævningen, injicerer personlighed i kedelige mærkeerklæringer og giver liv til overgange. De hjælper også den besøgende med at finde rundt og opfordrer dem til at udforske og interagere med webstedet.
10. Vi er næsten
Bygget af det københavnske design- og brandingbureau Stupid Studios viser stedet for Danmarks Designmuseum ikke kun museets arkiver, samlinger og forskning, men præsenterer det også i en up-to-date stil. Fra dets åbning af SVG-animation af museets logo til iøjnefaldende parallaksrulning og stemningsfremmende paletbytter, når du ruller gennem indholdet, er det den perfekte online tilstedeværelse til en vigtig designdestination.
13. Katy Perry
Popprinsesse Katy Perry bruger ingen ringere end WordPress til at være vært for sit officielle websted. Fokuseret - forståeligt nok - på visuelle og sociale medie-signaler, bruger webstedet højspecificerede porteføljebilleder af kunstneren til at give et dristigt udsagn. Rul ned for at se turnédatoer, merch eller mere, eller brug ikonerne til at finde mere.
Det er et rent, men alligevel kantet sted, der formår at blande kunstnerens karakteristiske bubblegum pop personlige image med en brugervenlig, blankt mag-stil funktionalitet. Borte er de dage, hvor travle bandsider er fyldt med for meget animation og musik, som du ikke kan stoppe. Perrys websted viser, at du kan pakke masser af personlighed ved hjælp af en simpel hvid baggrund og let navigerbare links, der giver fans mulighed for at lytte, se og lære let og når det passer dig.
14. Blækbeholderen
