Questi incredibili siti web WordPress vetrina il meglio di questo CMS popolare. Quando è stato lanciato per la prima volta in 2003, WordPress era considerato uno strumento di blogging di base per i dilettanti. Molto rapidamente è decollato, diventando un CMS a tutti gli effetti che ora alimenta milioni di siti in tutto il mondo. E i professionisti creativi hanno spinto i confini del CMS per creare siti web WordPress complessi e belli da allora.
Per mostrarti esattamente cosa può fare questo incredibile CMS, abbiamo scelto alcuni dei migliori siti web WordPress in circolazione., Se questo articolo ti ispira a costruire il tuo sito web WordPress, questi tutorial WordPress ti aiuteranno a iniziare, o se vuoi costruire un portfolio dall’aspetto fantastico, consulta la nostra guida ai migliori temi del portfolio WordPress.
- I migliori servizi di web hosting nel 2019
Rafal Bojar
Designer Zhenya Rynzhuk usato WordPress come un CMS semi-senza testa, con Vue.,js per il front-end, per creare questo sito portfolio fotografico coinvolgente per Rafal Bojar. È dotato di una homepage che visualizza anteprime di storie selezionate, una griglia chiazza di petrolio per mostrare tutto il lavoro di Bojar, e una pagina ‘essenza’ che spiega la filosofia e l’approccio del fotografo.
“L’obiettivo era quello di offrire ai visitatori l’esperienza unica e mostrare le straordinarie opere di Rafal”, afferma Rynzhuk. La coppia ha discusso alcune opzioni di back-end diverse, ma ha deciso su WordPress in modo che il sito fosse facile da gestire e aggiornare regolarmente con nuovi progetti.
A fianco di WordPress e Vue.,js, il sito utilizza un bucket S3 per archiviare i dati, che viene consegnato tramite Cloudfront per garantire tempi di caricamento rapidi. Rynzhuk ha anche fatto uso di Bedrock e Vue skeleton di Hendrik-Jan de Harder, così come GSAP per le animazioni.,
Adel Vakula
Adel Vakula di livello internazionale, è famoso modello dall’Ucraina, e questo sito promozionale per il suo arriva da connazionali Yabloko idee studio, che non solo progettato e codificato, ma ha creato tutte le illustrazione di lavoro. Il risultato è una festa visiva meravigliosamente distintiva, che abbraccia una serie di vignette pittoriche con la nostra eroina glamour.,
Dall’apertura di cotton candy cloudscape che bolle letteralmente con sottili animazioni, Vakula è protagonista di ritratti sognanti progettati per dimostrare una personalità carismatica. Si affaccia capricciosamente la notte parigina in cima a un gargoyle raddoppiando come un pulsante di riproduzione di YouTube, dopo aver preso un treno della metropolitana di New York da una piattaforma completa di busking cat. Le visite a Venezia e Ibiza forniscono fondali altrettanto eccentrici a Instagram e link e-mail, dove anche i sigilli cocktail sorseggiando incoraggiano un follow., E ” lingua in guancia roba, ma fatto con tale fascino e la tecnica che non si può fare a meno di innamorarsi. Anche il puntatore del mouse va tutto a forma di cuore.
Costruito su WordPress CMS, un elemento UI standout è una sezione divertente in cui è possibile trascinare e rilasciare abiti su un Vakula virtuale per visualizzare scatti di modellazione reali. Come carte telefoniche per possibili getti andare, questo colpisce una posa più memorabile rispetto alla maggior parte.,
Autore: Mark Billen
Centro per bambini
premiato, Philadelphia-a base di sandwich shop Medio Bambino aveva bisogno di un sito web che ha abbinato il suo eccentrico, senza pretese vibe., Full-service design and technology studio Self Aware è salito alla sfida, la creazione di un sito basato su un tema WordPress completamente su misura utilizzando Timber e ACF – una combinazione che studio partner Mike Wagz definisce “un game-changer per gravi sviluppatori di temi WordPress”.
Self Aware si è avvalso anche delle più recenti tecnologie web per offrire un’esperienza ottimale: il layout è stato creato utilizzando CSS Grid e un Service Worker memorizza nella cache gli asset statici inclusi i file CSS e JavaScript per velocizzare i tempi di caricamento iniziali.,
“Middle Child trasuda atmosfera da ogni angolo”, aggiunge Wagz. “Accoglie calorosamente i clienti di tutti i ceti sociali con la giusta quantità di divertimento, kitsch e stranezze. Penso che questo progetto abbia successo perché siamo stati in grado di catturare questo spirito e tradurlo sul web.,”
Mare Vendemmia
Quando Canberra-in base al mercato di pesce di Mare Vendemmia bisogno di una nuova identità della marca smart digital presenza a partita, si girò verso Australiano web e un’agenzia di branding ED. Il sito web WordPress sfoggia un layout in stile giornale sorprendente con un sacco di tocchi eccentrici da esplorare.,
“Quando pensiamo ai frutti di mare, molti di noi sono riportati al ricordo di mangiare fish and chips in spiaggia con amici e familiari”, afferma il designer Cam Tidy. “Spesso queste articolazioni da asporto avvolgevano il cibo nei giornali, quindi era naturale esplorarlo come un’idea visiva.”
Replicare un layout di stampa statico sul Web non è stato senza le sue sfide, però. Il team ha utilizzato CSS Flexbox per riposizionare il contenuto mantenendo una spaziatura coerente, indipendentemente dalle dimensioni dello schermo., Quasi tutte le misurazioni si basano su una scala reattiva che utilizza unità REM, rendendo più facile mantenere il controllo sul tipo e sulle proporzioni dell’immagine man mano che il browser scala.
La caratteristica preferita dello sviluppatore Bryn Shanahan è il fatto che gli utenti possono “disegnare” sul sito, anche tramite un wordsearch interattivo. “Abbiamo raggiunto questo obiettivo coprendo il sito con un elemento Canvas HTML5, che è stato poi utilizzato per disegnare i disegni dell’utente su”, spiega.
ED utilizza WordPress per molti dei suoi progetti di siti web, trovandolo user-friendly e intuitivo per i clienti., “facile sviluppo del back-end, che consente più tempo per concentrarsi sul front-end per dare vita al design”, aggiunge lo sviluppatore Adam Forcucci. “La capacità di renderlo headless, utilizzando l’API Rest di WP, ci consente di utilizzare framework come React, che sta diventando il nucleo del nostro futuro sviluppo sulla piattaforma.”
Maxim Shkret
con sede a San Pietroburgo, in Russia, Maxim Shkret è un freelance artista digitale., Il suo impressionante sito web WordPress sposa portfolio al mercato dell’e-commerce, lanciando una nuova iniziativa di raccolta fondi.
Il sito si apre su una serie di quattro modelli 3D, o sculture digitali che possono essere trascinati e ruotati di 360 gradi. Maiale, volpe del deserto, Unicorno a doppia natura e Panda di fusione possono essere filati a destra ea sinistra per ottenere un angolo favorito. Facendo clic sul pulsante ‘Acquista questo scatto’, i visitatori possono acquistare un’immagine digitale di varie dimensioni per vari prezzi., Il ricavato sarà raccolto per trasformare ogni modello digitale in vere e proprie sculture fisiche utilizzando un processo di lavorazione CNC a cinque assi di stampa 3D. È un’idea accurata per invitare i contributori e mostra come un approccio di crowdfunding può essere collegato a un’esperienza tipicamente passiva.
I crediti di produzione del sito includono lo studio di design Sochnik di New York, ma gli sforzi dell’interfaccia utente liscia non oscurano mai il talento di Shkret. Questo include una semplice sezione Galleria di scatti ancora scultura che ondulazione e onda attraverso un filtro acquoso., È un effetto sottile, ma aumenta il senso della trama che Shkret intende dare ad ogni pezzo.
KOBU
siti di Portafoglio, ovviamente, continuare a fornire alcune del web più terreno fertile per la creatività e l’ispirazione. Questo biglietto da visita online per l’agenzia portoghese KOBU segue quell’ethos con un sito web WordPress raffinato e sobrio che bolle ancora con carattere., Definendosi un “laboratorio di marca” che non ha paura della sperimentazione, il lavoro tecnico qui dimostra l’immaginazione sulla complessità.
Su una serie di elementi, otteniamo un promemoria di come CSS e SVG possono essere combinati per il massimo carattere frontend. Il posizionamento assoluto viene utilizzato per sovrapporre affascinanti motivi wireframe, rompendo le linee tra blocchi di colore di sfondo audaci e collegando le sezioni insieme. Un pannello video HTML5 in loop ottiene un bordo wiggly unico utilizzando una forma SVG come maschera posizionata sopra, prima che le immagini di case study abbiano il loro raggio di bordo dimezzato per diventare circolari., Il sito fa un uso pulito della chiazza di petrolio.js carousel library per ‘trottare’ il team KOBU, con office horse, attraverso il centro della pagina principale.
Lo zenith, tuttavia, è probabilmente il bit che vediamo per primo, aprendosi su un’intestazione ondulata in stile lampada lava prodotta manipolando i percorsi SVG. Utilizzando l’anime.js plugin, un motore di animazione JavaScript polivalente, è un trucco accattivante per stabilire la tavolozza dei colori, se non altro.,
Autore: Mark Billen
noformat
noformat è strategico e studio di design con sede a New York. La homepage presenta un design animato del bulbo oculare che segue il cursore del visitatore sullo schermo, mentre il testo sovrapposto scorre attraverso tutte le cose che noformat può creare. Per creare il bulbo oculare, il team ha prima esplorato il design in After Effects CC, prima di utilizzare tre.,js per costruire una versione interattiva, spiega Ian Brewer, fondatore e direttore creativo di noformat.
“Abbiamo utilizzato vertex e fragment shader per ottimizzare il rendering GPU e lo abbiamo fatto pulsare e lampeggiare il logo noformat all’interno”, continua Brewer. “Abbiamo quindi applicato effetti di post-elaborazione per dargli un aspetto più organico e meno 3D sfocando i bordi e aggiungendo fioritura alle luci.”
Il resto del sito è all’altezza dell’impatto di quella prima pagina, con transizioni su scorrimento e sottili effetti di parallasse che mostrano abilità tecnologiche senza influire sull’usabilità.,
“Abbiamo scelto WordPress per il nostro sito per velocità di lancio e flessibilità”, spiega Brewer. “Nel corso degli anni abbiamo costruito le nostre librerie e sistemi di editing basati su moduli che ci permettono di creare o modificare un sito più velocemente di qualsiasi altra soluzione CMS.”
Femme e Fierce
Dutch experience design studio Wonderland ha consegnato ecommerce con sass per Femme e Fierce. Lo schema di colori clash-tastic del sito web WordPress offre il messaggio del marchio del rivenditore di moda online da fuori., Animated ‘adesivi’ – twirling lecca-lecca, jabbing frecce, leccare le labbra – creare una sensazione sfacciato e dovrebbe risuonare con la generazione Snapchat/Instagram a cui si rivolge questa gamma.
Puree Maison
Purée Maison è uno studio creativo e strategico con sede a Parigi. Il suo sito WordPress si distingue principalmente grazie agli scarabocchi animati gialli e soleggiati che appaiono al passaggio del mouse, iniettano personalità in noiose dichiarazioni del marchio e animano le transizioni., Aiutano anche il visitatore a trovare la loro strada intorno, e li incoraggiano a esplorare e interagire con il sito.
Ci Sono Praticamente
Quando il vostro business è tutto su coinvolgente persone che utilizzano la realtà virtuale per raccontare storie emotive, avete bisogno di un sito che attira la gente nel vostro lavoro. E boutique VR studio Siamo praticamente è riuscito che e poi alcuni., Il suo sito, costruito da Herdl su WordPress, utilizza molte tecniche all’avanguardia tra cui WebGL e video a 360 gradi per darti un gusto irresistibile dei suoi servizi immersivi. Dai un’occhiata ai suoi test drive VR per Audi, completi di ospiti famosi inaspettati.
Asaro
Asaro è un fornitore di esperienze di avventura uniche e viaggi divertenti per gli ospiti di superyacht in tutto il mondo., Come parte di un rebrand aziendale più ampio, questo sito web chiazza di petrolio è stato progettato e sviluppato da agenzia con sede a Bristol Green Chameleon.
Costruito su un framework WordPress personalizzato per mantenere la modifica dei contenuti in corso facile per il cliente, i visitatori sono presi in un viaggio di scoperta ricco di fascino. Sottili effetti di scorrimento sono collegati ordinatamente a una linea tratteggiata interattiva, tracciando i progressi di navigazione nel modo in cui un capitano di yacht potrebbe segnare grafici., I rendering CGI personalizzati sono stati utilizzati come dispositivo grafico per rappresentare l’offerta di servizi esclusivi di Asaro, alla luce di una scarsità di risorse fotografiche a causa della natura privata degli eventi.
“La direzione artistica è stata ispirata da una miscela di fotografia a goccia d’acqua e design di poster teatrali”, spiega il direttore creativo Tom Anderson. “Abbiamo amato l’estetica dello stile fotografico e abbiamo sentito che si legava bene con il tema nautico sottostante del progetto.,”
Abbastanza reattivo da non solo sembrare splendidamente coerente su schermi più piccoli, la velocità di accesso è stata anche una motivazione per ottimizzare le prestazioni. Con gli abitanti delle barche in balia della connettività web marina, i tempi di caricamento sono più cippanti che irregolari su desktop, tablet e dispositivi mobili.,
Autore: Mark Billen
Design Museum Danimarca
Costruito da Copenhagen design e branding agency Stupido Studios, il sito, per la Danimarca, il Museo del Design non solo mette in mostra gli archivi del museo, le collezioni e la ricerca, ma anche la presenta in un botto up-to-date stile., Dalla sua animazione SVG di apertura del logo del museo, fino allo scorrimento parallasse accattivante e agli scambi di palette che migliorano l’umore mentre scorri i contenuti, è la presenza online perfetta per una destinazione di design essenziale.
Katy Perry
La principessa pop Katy Perry non usa altro che WordPress per ospitare il suo sito ufficiale., Concentrandosi-comprensibilmente – su immagini e spunti di social media, il sito utilizza scatti portfolio di alta spec dell’artista per fare una dichiarazione audace. Scorrere verso il basso per vedere le date del tour, merch e altro ancora, o utilizzare le icone per scoprire di più.
È un sito pulito ma spigoloso che riesce a fondere l’immagine personale di bubblegum pop dell’artista con una funzionalità di stile mag lucida e user-friendly. Sono finiti i giorni di siti di band occupato ricco di troppa animazione e la musica non si può fermare., Sito web di Perry dimostra si può confezionare in un sacco di personalità utilizzando solo un semplice sfondo bianco e link facilmente navigabili, dando ai fan la possibilità di ascoltare, guardare e imparare facilmente e a loro piacimento.
Il Serbatoio di Inchiostro
inizia nel 1989 come Collins a Getto d’inchiostro, un one-man operazione di fornitura di inchiostro per Kodak continua a getto d’inchiostro della stampante, oggi Kao Collins è uno dei principali fornitori al mondo., E se non hai mai veramente pensato di inchiostro (al di là di maledire quando la stampante si esaurisce), Kao Collins’ sito, Il serbatoio di inchiostro, è in procinto di cambiare la situazione.
Costruito da DBS Interactive, Il serbatoio di inchiostro è un accattivante sito WordPress che tira fuori tutte le fermate per portare notizie all’avanguardia dal settore inchiostro e mostrare alcuni dei modi creativi aziende e artisti stanno attualmente utilizzando inchiostro., Il punto forte, per quanto ci riguarda, è la sua sezione Storia della stampa: una splendida parallasse single-pager ricco di animazione ed effetti, che vi porterà tutta la strada da tavolette di argilla per la stampa ad alta velocità singolo passaggio di oggi, e guardando avanti ad alcune delle future possibilità di stampa.,
- 14 semplici modi per rendere il vostro sito più accessibile
- Splendida parallax scrolling siti web per esplorare
- Le migliori pagine 404