aceste site-uri WordPress uimitoare prezintă cele mai bune din acest CMS popular. Când a fost lansat pentru prima dată în 2003, WordPress a fost considerat un instrument de blogging de bază pentru amatori. Foarte repede a decolat, devenind un CMS complet, care acum alimentează milioane de site-uri din întreaga lume. Și profesioniștii creativi au împins limitele CMS pentru a crea site-uri WordPress complexe și frumoase de atunci. pentru a vă arăta exact ce poate face acest CMS incredibil, am ales unele dintre cele mai bune site-uri WordPress din jur., Dacă acest articol vă inspiră să vă construiți propriul site WordPress, aceste tutoriale WordPress vă vor ajuta să începeți sau dacă doriți să construiți un portofoliu minunat, consultați ghidul nostru pentru cele mai bune teme de portofoliu WordPress.
- Cele mai bune servicii de web hosting în 2019
Rafal Bojar
Designer Jenia Rynzhuk folosit WordPress ca un semi-fără cap CMS, cu Vue.,js pentru front-end, pentru a crea acest site de portofoliu fotografie angajarea pentru Rafal Bojar. Dispune de o pagină de pornire care afișează previzualizări ale poveștilor selectate, o grilă elegantă pentru a prezenta toate lucrările lui Bojar și o pagină „esență” care explică filosofia și abordarea fotografului. „scopul a fost acela de a oferi vizitatorilor experiența unică și de a prezenta lucrările uimitoare ale lui Rafal”, spune Rynzhuk. Perechea a discutat despre câteva opțiuni de backend diferite, dar a decis pe WordPress, astfel încât site-ul să fie ușor de gestionat și actualizat în mod regulat cu proiecte noi.
alături de WordPress și Vue.,js, site-ul folosește o găleată S3 pentru a stoca date, care este livrată prin Cloudfront pentru a asigura timpi de încărcare rapizi. Rynzhuk a folosit, de asemenea, Bedrock și scheletul Vue al lui Hendrik-Jan De Harder, precum și GSAP pentru animații.,
Adel Vakula
Adel Vakula este un celebru pe plan internațional, model din Ucraina, și acest site de promovare pentru ei vine de la conaționalii Yabloko idei de studio, care nu numai proiectat și codificate, dar a creat toate ilustrare de lucru. Rezultatul este o sărbătoare vizuală deosebit de distinctă, care acoperă o serie de viniete picturale cu eroina noastră plină de farmec., din deschiderea vată de zahăr cloudscape care bule literalmente cu animații subtile, Vakula stele în portrete de vis concepute pentru a demonstra o personalitate carismatică. Ea are vedere capricios noaptea pariziană deasupra unui gargui dublarea ca un buton De redare YouTube, după ce a prins un tren de metrou din New York de la o platformă complet cu busking cat. Vizitele la Veneția și Ibiza oferă fundaluri la fel de excentrice pentru Instagram și link-uri de e-mail, unde chiar și sigiliile care beau cocktail-uri încurajează o continuare., Este limba în chestii obraz, dar făcut cu un astfel de farmec și tehnica pe care nu te pot ajuta, dar se încadrează în dragoste. Chiar și indicatorul mouse-ului merge în formă de inimă. construit pe WordPress CMS, un element UI standout este o secțiune distractivă în care poți trage și arunca ținute pe o Vakula virtuală pentru a vedea instantanee reale de modelare. Pe măsură ce cărțile de vizită pentru posibile piese turnate, aceasta lovește o poziție mai memorabilă decât majoritatea.,
Autor: Mark Satterly
Copilul Mijlociu
-premiat, Philadelphia pe baza de magazin de tip sandwich Mijlocul Copil are nevoie de un site web care se potrivesc sale ciudate, modest vibe., Full-service design și tehnologie Studio Auto Aware a crescut la provocare, creând un site bazat pe o temă WordPress complet personalizat folosind lemn și ACF – o combinație care partenerul studio Mike Wagz numește „un joc-changer pentru dezvoltatorii grave temă WordPress”.Self Aware a folosit, de asemenea, cele mai noi tehnologii web pentru a oferi o experiență optimă: layout-ul a fost creat folosind CSS Grid, iar un lucrător de servicii memorează în cache activele statice, inclusiv fișierele CSS și JavaScript, pentru a accelera timpul inițial de încărcare.,
„copilul mijlociu debordează atmosfera din fiecare colț și crăpătură”, adaugă Wagz. „Salută călduros clienții din toate categoriile de viață, cu doar cantitatea potrivită de distracție, kitsch și quirk. Cred că acest design are succes pentru că am reușit să surprindem acest spirit și să-l traducem pe web.,”
Mare Recolta
Când Canberra pe baza de fructe de mare piață Mare Recolta nevoie de o noua identitate de brand și digital inteligent prezența la meci, acesta a apelat la Australian web și branding agenția ED. Site-ul WordPress are un aspect impresionant în stil de ziar, cu o mulțime de atingeri ciudate de explorat.,”când ne gândim la fructe de mare, mulți dintre noi sunt luați înapoi într-o amintire de a mânca pește și chipsuri lângă plajă cu prietenii și familia”, spune designerul Cam Tidy. „Adesea, aceste articulații de luat masa îți înfășurau mâncarea în ziar, așa că era firesc să explorezi asta ca o idee vizuală.”
replicarea unui aspect static de imprimare pe web nu a fost însă lipsită de provocări. Echipa a folosit CSS Flexbox pentru a repoziționa conținut menținând în același timp spațiere consistentă, indiferent de dimensiunea ecranului., Aproape fiecare măsurătoare se bazează pe o scală receptivă folosind unități REM, ceea ce facilitează menținerea controlului asupra proporțiilor de tip și imagine pe măsură ce scalează browserul.caracteristica preferată a dezvoltatorului Bryn Shanahan este faptul că utilizatorii pot „desena” pe site, inclusiv printr-o căutare interactivă de cuvinte. „Am realizat acest lucru acoperind site-ul cu un element de pânză HTML5, care a fost apoi folosit pentru a desena desenele utilizatorului”, explică el.
ED folosește WordPress pentru o mulțime de proiecte de site-uri web, găsindu-l ușor de utilizat și intuitiv pentru clienți., „dezvoltarea ușoară a spatelui, care permite mai mult timp să se concentreze pe front-end pentru a aduce designul la viață”, adaugă dezvoltatorul Adam Forcucci. „Abilitatea de a face fără cap, folosind API-ul WP Rest, ne permite să folosim cadre precum React, care devine nucleul dezvoltării noastre viitoare pe platformă.”
Maxim Shkret
pe Baza din Sankt Petersburg, Rusia, Maxim Shkret este un freelance artist digital., Site-ul său impresionant WordPress se căsătorește cu portofoliul de comerț electronic marketplace, lansând o nouă inițiativă de strângere de fonduri. site-ul se deschide pe o serie de patru modele 3D sau sculpturi digitale care pot fi trase și rotite la 360 de grade. Porcul, vulpea deșertului, unicornul dublu și Panda topită pot fi rotite la stânga și la dreapta pentru a obține un unghi preferat. Făcând clic pe butonul „Cumpără această fotografie”, vizitatorii pot achiziționa o imagine digitală la diferite dimensiuni pentru diferite prețuri., Încasările vor fi reunite în transformarea fiecărui model digital în sculpturi fizice reale folosind un proces de prelucrare CNC cu cinci axe de imprimare 3D. Este o idee elegantă pentru invitarea contribuitorilor și arată cum o abordare de crowdfunding poate fi atașată unei experiențe tipic pasive.
– Ul de producție de credite includ New York Sochnik Studio de Design, dar UI slick eforturile nu umbri Shkret talentul lui. Aceasta include o secțiune Galerie simplă de fotografii încă sculptură care ondulație și val printr-un filtru apos., Este un efect subtil, dar sporește sentimentul de textura Shkret intenționează să dea fiecare piesă.
KOBU
site-uri de Portofoliu, cum era de așteptat, continua pentru a oferi unele de web este cel mai fertil sol pentru exprimare creativă și inspirație. Acest card de asteptare on-line pentru agenția Portugheză KOBU urmează că ethos cu un bun gust, reținut site-ul WordPress care încă bule cu caracter., Numindu-se un „laborator de marcă” care nu se teme de experimentare, munca tehnică de aici demonstrează imaginația asupra complexității.pe o serie de elemente, primim o reamintire a modului în care CSS și SVG pot fi combinate pentru caracterul frontend maxim. Poziționarea absolută este utilizată pentru a suprapune motive fermecătoare de cadru, rupând liniile dintre blocurile de culoare de fundal îndrăznețe și legând secțiunile împreună. Un panou video HTML5 cu buclă are o margine unică, folosind o formă SVG ca o mască poziționată mai sus, înainte ca imaginile studiului de caz să aibă raza de frontieră înjumătățită pentru a merge circulară., Site-ul face uz de elegant de șmecher.js carusel library pentru a „Trap” Echipa KOBU, cu cal de birou, prin mijlocul paginii principale.
Zenit, deși, este, probabil, biți vom vedea mai întâi, deschiderea pe un antet ondulator lava lampă stil produs prin manipularea căi SVG. Utilizarea anime.JS plugin, un motor de animație JavaScript polivalent, este un truc ochi-prinderea pentru stabilirea paleta de culori, dacă nimic altceva.,
Autor: Mark Satterly
noformat
noformat este o strategic studio de design cu sediul în New York. Pagina principală are un design animat al globului ocular care urmărește cursorul vizitatorului în jurul ecranului, în timp ce ciclurile de text suprapuse prin toate lucrurile pe care noformat le poate crea. Pentru a crea globul ocular, echipa a explorat mai întâi designul în After Effects CC, înainte de a utiliza trei.,js pentru a construi o versiune interactivă, explică Ian Brewer, fondator și director de creație al noformat.
„am folosit shadere vertex și fragment pentru a optimiza randarea GPU și am făcut-o să pulseze și să clipească logo-ul noformat în interior”, continuă Brewer. „Am aplicat apoi efecte post-procesare pentru a-i oferi un aspect mai organic și mai puțin 3D, estompând marginile și adăugând floare la cele mai importante.”
restul site-ului se ridică la nivelul impactului acelei prime pagini, cu tranziții slick on-scroll și efecte subtile de paralaxă care arată abilitățile tehnologice fără a afecta gradul de utilizare., „am ales WordPress pentru site-ul nostru pentru viteză de lansare și flexibilitate”, explică Brewer. „De-a lungul anilor am construit propriile biblioteci și sisteme de editare bazate pe module care ne permit să creăm sau să edităm un site mai rapid decât orice altă soluție CMS.”
Femme și feroce
experiența olandeză Studio de design Wonderland a livrat ecommerce cu Sass pentru Femme și feroce. Schema de culori a site-ului WordPress în fața dvs., clash-tastic, oferă mesajul de marcă al retailerului online de modă din off., „Stickerele” animate – acadele care se învârt, săgețile de jabbing, buzele lins – creează o senzație obraznică și ar trebui să rezoneze cu generația Snapchat/Instagram la care se adresează această gamă.
Piure Maison
Piure de Maison este un creative și strategice studio cu sediul la Paris. Site-ul său WordPress se remarcă în principal datorită scriburilor animate galbene însorite care apar pe hover, injectează personalitate în declarații de marcă plictisitoare și animă tranziții., De asemenea, ajută vizitatorul să își găsească drumul și îi încurajează să exploreze și să interacționeze cu site-ul.
Avem Practic Sunt
atunci Când afacerea dvs. este despre toate captivant oamenii care folosesc realitatea virtuala pentru a spune emoționante povești, ai nevoie de un site care atrage oamenii în munca ta. Și boutique VR studio Suntem practic a reușit asta și apoi unii., Site-ul său, construit de Herdl pe WordPress, folosește o mulțime de tehnici de ultimă oră, inclusiv WebGL și video la 360 de grade pentru a vă oferi un gust irezistibil al serviciilor sale imersive. Check out drive-urile sale de testare VR pentru Audi, complet cu oaspeții celebritate neașteptate.
Asaro
Asaro este un furnizor de aventură unică experiențe și de divertisment, călătorii pentru superyacht oaspeții din întreaga lume., Ca parte a unui rebrand corporativ mai larg, acest site web elegant a fost proiectat și dezvoltat de Agenția Green Chameleon din Bristol.construit pe un cadru WordPress personalizat pentru a menține editarea continuă a conținutului ușor pentru client, vizitatorii sunt luați într-o călătorie de descoperire plină de farmec. Efectele subtile de defilare sunt legate perfect de o linie interactivă punctată, trasând progresul navigației în modul în care un căpitan de iaht ar putea marca diagrame., Randările personalizate CGI au fost utilizate ca dispozitiv grafic pentru reprezentarea ofertelor de servicii exclusive ale Asaro, având în vedere o lipsă de active fotografice datorită naturii private a evenimentelor.
„direcția de artă a fost inspirată de un amestec de fotografie cu picături de apă și design de postere teatrale”, explică directorul creativ Tom Anderson. „Ne-a plăcut estetica stilului fotografic și am simțit că se leagă frumos de tema nautică care stă la baza proiectului.,”
suficient de receptiv pentru a arăta nu numai frumos consistent pe ecrane mai mici, viteza de acces a fost, de asemenea, o motivație pentru eficientizarea performanței. Cu locuitorii barca la mila de conectivitate web marine, ori de încărcare sunt mai chipper decât instabil pe desktop, tabletă și mobil.,
Autor: Mark Satterly
Muzeul de Design Danemarca
Construit de la Copenhaga bazate pe design și branding agenția de Prost Studios, site-ul pentru Danemarca, Muzeul de Design nu numai vitrine muzeu, arhive, colecții și de cercetare, dar, de asemenea, prezintă într-un bang up-to-data de stil., De la deschiderea sa SVG animație de muzeul logo-ul, prin ochi-prinderea defilare paralaxă și starea de spirit consolidarea paleta swap-uri pe măsură ce defilați prin conținut, e o prezență on-line perfectă pentru un design esențial destinație.
Katy Perry
printesa Pop Katy Perry foloseste nimeni altul decât WordPress pentru a găzdui site-ul ei oficial., Concentrându – se-de înțeles-pe vizuale și indicii de social media, site-ul utilizează fotografii de portofoliu de înaltă spec ale artistului pentru a face o declarație îndrăzneață. Derulează în jos pentru a vedea datele turului, produsele și multe altele sau folosește pictogramele pentru a descoperi mai multe.
este un site curat, dar edgy, care reușește să îmbine imaginea personală a artistului cu o funcționalitate prietenoasă, lucioasă, în stil mag. S-au dus zilele de site-uri de bandă ocupat ambalate cu prea multă animație și muzică nu se poate opri., Site-ul lui Perry dovedește că puteți împacheta o mulțime de personalitate folosind doar un fundal alb simplu și link-uri ușor de navigat, oferind fanilor opțiunea de a asculta, viziona și învăța cu ușurință și la confortul lor.
Rezervorul De Cerneală
la Început în 1989 ca Collins Inkjet, o operațiune de furnizare de cerneală pentru Kodak continuă inkjet printer, astăzi Kao Collins este unul dintre cei mai mari furnizori mondiali., Și dacă nu v-ați gândit niciodată cu adevărat la cerneală (dincolo de blestem când imprimanta dvs. se termină), site-ul lui Kao Collins, rezervorul de cerneală, este pe cale să schimbe asta.construit de DBS Interactive, Ink Tank este un site WordPress atrăgător, care scoate toate opririle pentru a vă aduce știri de ultimă oră din industria de cerneală și pentru a prezenta unele dintre modurile creative în care întreprinderile și artiștii folosesc în prezent cerneală., Punctul culminant, în ceea ce ne privește, este Istoria sa de Imprimare secțiunea: o superba paralaxă un singur pager dotat cu animație și efecte, luând tot felul de tablite de lut de astăzi de mare viteză singură trecere de imprimare, și de a privi înainte la un viitor posibilități de imprimare.,
- 14 moduri de ușor de a face site-ul mai accesibil
- Uimitoare defilare parallax site-uri pentru a explora
- Cel mai bun 404 de pagini