Ierarhie vizuală
Deschidere amplă, secțiuni recognoscibile și trasee clare către informațiile site-ului.
PNTMM / Proiect WordPress
Redesign WordPress.
Control prin
dezvoltare custom.
Pentru pntmm.ro am redesenat pagina principală și am construit module proprii pentru homepage, header, footer și Facebook Reels. O experiență coerentă pentru vizitator, cu administrare dedicată pentru echipa site-ului.
01 Pagina principalăDesign & administrare
Aceeași identitate, pe mobil.Interfață proprie.
Administrare în WordPress.
Administrare în WordPress.
IntervențieRedesign pe site existent
PlatformăWordPress
AdministrareModule dezvoltate custom
DispozitiveDesktop · tabletă · mobil
Direcția proiectului
Un redesign care leagă
designul de administrare.
Am organizat pagina principală în secțiuni distincte și am separat componentele globale de conținutul homepage-ului.
Headerul și footerul au propriile setări. Textele, imaginile și articolele se gestionează în builder. Conținutul video se administrează din modulul Facebook și intră în structura paginii. Fiecare componentă are un rol clar în același site WordPress.
Control editorial
Conținut și imagini editabile din panouri dedicate, cu previzualizări pentru verificare.
Componente coordonate
Homepage, navigare, footer și video dezvoltate ca module care lucrează împreună.
01 / Redesign site WordPress
O pagină principală
cu repere clare.
Noua compoziție pune deschiderea, cardurile de conținut, actualitatea și zona de închidere într-un parcurs consecvent. Bleumarinul și galbenul păstrează identitatea site-ului, iar spațierea separă nivelurile de informație.
Prima privire stabilește direcția.
Un titlu vizibil, imaginea de fundal și acțiunile principale sunt grupate în deschidere. Headerul, conținutul și secțiunea următoare au zone proprii.
Secțiuni care se disting între ele.
Cardurile, blocurile editoriale și imaginile ample alternează într-o pagină cu mai multe tipuri de conținut. Fiecare zonă păstrează aceeași familie de culori și aceeași logică de titluri.
Navigarea continuă până la final.
Ultimele secțiuni conduc către zona de acțiuni și footer. Linkurile, datele de contact și documentele sunt reunite într-o închidere vizuală consistentă.
Design adaptat conținutului și structurii unui site existent.Despre UX/UI și redesign
02 / Dezvoltare WordPress custom
Designul are propriul
panou de control.
Homepage Builder pune câmpurile de administrare în legătură cu secțiunile publice. Echipa poate actualiza textele, selecta imaginile și configura articolele dintr-o interfață dedicată proiectului.
KEPA Homepage BuilderConținut organizat
Conținut organizat
pe secțiuni.
Editorul reunește configurația generală, hero-ul, cardurile, actualitatea și celelalte zone ale homepage-ului. Previzualizările oferă un reper înainte de salvarea modificărilor.
- Texte și imagini editabile
- Articole și fotografii configurabile
- Previzualizare pe dispozitive
Arhitectura implementării
O structură modulară pentru același site.
Setările paginii, într-un singur loc.
Configurația generală și previzualizarea apar în aceeași interfață. Pagina administrată este selectată explicit în builder.
Deschiderea poate evolua odată cu site-ul.
Textul principal, imaginea și butoanele se configurează din editor. Structura vizuală rămâne consecventă când se actualizează conținutul.
Actualitatea are control editorial.
Modulul permite configurarea selecției de articole și a fotografiilor folosite în carduri, cu setări dedicate secțiunii.
Cardurile sunt componente editabile.
Titlurile și explicațiile se administrează în câmpuri proprii, în legătură cu grupurile de conținut afișate pe homepage.
03 / Header global și navigare responsive
Aceeași structură.
Gesturi potrivite ecranului.
Pe desktop, submeniurile se deschid sub navigarea principală. Pe telefon, structura se mută într-un meniu lateral, cu linkuri și controale separate pentru extinderea submeniurilor.
Meniu WordPress ca sursă
Linkurile și ierarhia se gestionează în meniul WordPress existent. Headerul global folosește aceeași structură.
Header la scroll în sus
Antetul revine când vizitatorul urcă în pagină, păstrând mai mult spațiu pentru conținut la coborâre.
Control vizual separat
Logo, culori, contacte și comportament configurabile din panoul dedicat headerului.
Experiența pe telefon
Linkuri clare.
Submeniuri accesibile.
Meniul lateral păstrează nivelurile de navigare, iar butonul de extindere are un rol distinct de linkul părinte. Conținutul paginii se așază în coloana mobilă, cu imagini și carduri adaptate.
Capturile arată stările reale ale meniului și începutul paginii pe telefon.
Vezi administrarea headerului global
04 / Footer global
O închidere coerentă.
Un modul independent.
Footerul reunește identitatea, navigarea, datele de contact și legăturile către documente. Zona de acțiuni de deasupra lui are propriile texte și controale.
Aceste elemente se administrează separat de homepage și de header. O modificare a footerului poate fi gestionată dintr-un singur panou.
- Coloane și linkuri configurabile
- Contact și identitate vizuală
- Previzualizare desktop și mobil
Vezi administrarea footerului
05 / Integrare Facebook Reels în WordPress
Video în pagină.
Selecție în administrare.
Am dezvoltat un carusel dedicat pentru Reels publice, cu navigare prin săgeți, glisare și tastatură. Titlurile și descrierile sunt afișate alături de playere.
Adaugi linkul
Videoclipurile sunt selectate manual prin adresele lor Facebook.
Organizezi caruselul
Editezi textele, ordinea și numărul de carduri pe dispozitive.
Publici în context
Modulul se afișează după actualitate sau prin shortcode pe alte pagini.
Administrarea conținutului video
Lista de Reels
rămâne la îndemână.
Panoul Facebook reunește linkurile, titlurile, descrierile și setările caruselului. Editorul decide ce videoclipuri apar și în ce ordine.
Playerele se încarcă atunci când secțiunea se apropie de zona vizibilă. Disponibilitatea și redarea videoclipurilor depind de Facebook și de accesibilitatea lor publică.
06 / Dezvoltare și optimizări tehnice
Module proprii,
integrate în WordPress.
Redesignul include și felul în care se încarcă resursele, se păstrează integrarea cu restul site-ului și se separă responsabilitățile componentelor.
Resurse pe pagina potrivită
Homepage-ul custom își încarcă resursele proprii și elimină, pe pagina administrată, fișiere ale vechiului homepage care nu mai sunt folosite.
Prioritate pentru deschidere
Imaginea hero este preîncărcată în varianta potrivită ecranului. Imaginile și compoziția sunt adaptate pentru dispozitive diferite.
Video încărcat progresiv
Caruselul pregătește playerele aproape de zona vizibilă și încarcă următoarele carduri pe măsură ce sunt explorate.
Componente independente
Homepage, header, footer și Facebook au propriile setări. Integrarea păstrează punctele standard WordPress pentru celelalte pluginuri.
Funcționalități construite în jurul modului de lucru al proiectului.Dezvoltare de pluginuri custom
Despre proiect
Design și dezvoltare,
în același parcurs.
Proiectul PNTMM arată cum un site WordPress existent poate primi o interfață nouă și instrumente de administrare adaptate conținutului.
Ce a inclus redesignul PNTMM?
Redesignul paginii principale, un homepage administrabil, header și footer globale, navigare responsive și un modul pentru Facebook Reels. Capturile prezintă atât interfața publică, cât și panourile de administrare.
Conținutul poate fi modificat din WordPress?
Da. Homepage Builder permite editarea secțiunilor, textelor și imaginilor. Headerul, footerul și Reels au panouri proprii, cu setări specifice fiecărei componente.
Cum sunt adăugate videoclipurile Facebook?
Prin introducerea manuală a linkurilor către Reels publice. Titlurile, descrierile și ordinea sunt administrabile, iar caruselul se adaptează pe desktop, tabletă și mobil.
Un redesign poate include dezvoltare custom?
Da. În acest proiect, compoziția vizuală și modulele WordPress au fost dezvoltate împreună. Rezultatul include atât prezentarea publică, cât și instrumentele prin care echipa administrează conținutul.
Redesign și dezvoltare WordPress
Un site adaptat conținutului.
Și celor care îl administrează.
Discutăm structura, experiența vizitatorilor și funcționalitățile de care ai nevoie. Apoi construim designul și modulele potrivite proiectului.