Identitatea vizuală a unui salon de unghii, refăcută până n-a mai arătat ca un șablon.
Prezentare
Un site de portofoliu și servicii pentru un salon de unghii, construit pe aceeași bază tehnică precum un proiect-frate, dar cu o identitate vizuală proprie.
Prima versiune se sprijinea prea mult pe tiparele de layout ale proiectului-frate — corectă, dar nu destul de distinctă pentru o afacere care se vinde prin meșteșug vizual.
Provocare
Monograma NH — semnul central al identității.
Abordare
Am reproiectat secțiunile principale în jurul unei compoziții mai calme, modulare, după ce direcția inițială a fost judecată prea apropiată de o recolorare a site-ului-frate, apoi am întărit rezultatul împotriva a două erori reale de afișare între browsere, înainte de lansare.
Site-ul, așa cum e construit
Design și dezvoltare
- Un layout care arată gândit, nu recolorat
- Fiecare secțiune a fost reproiectată într-o compoziție asimetrică, de tip bento — un singur punct focal, ales cu grijă, pe secțiune — în loc să refolosească grila altui site cu alte culori.
Decizii tehnice
- O eroare de text cu gradient, urmărită până la un conflict de layout
- Un efect CSS de decupare folosit pentru logotip se afișa gol, fără niciun avertisment, pe orice element care era și container flex — cele două proprietăți intră în conflict în felul în care browserul așază textul decupat. Reparat prin aplicarea efectului doar pe elemente care nu sunt flex.
- O a doua animație suprascrisă în tăcere de prima
- Două efecte animate separate pe același element nu se combină automat — al doilea declarat îl înlocuiește pur și simplu pe primul. Reparat prin unirea lor într-o singură listă de animații, în loc de două care se concurează.
- Date de entitate corecte, nu doar text corect
- Datele structurate au fost refăcute ca să descrie exact persoana și afacerea în care lucrează, potrivit cu profilul ei de afacere real și verificat.
Rezultate
Largest Contentful Paint
348ms
Mediana a trei încărcări fără încetinire, cu memoria cache dezactivată. Nu se revendică un „înainte”: direcția anterioară a fost o schiță de design care nu a fost lansată, deci nu există o stare măsurată de îmbunătățit.
Cumulative Layout Shift
0
Nimic de pe pagină nu se mișcă după ce a fost desenată — măsurat ca zero exact în toate cele trei încărcări, nu rotunjit în jos.
- Rol
- Design, Dezvoltare
- Stack
- Next.js, TypeScript, Tailwind CSS
- An
- 2026
- Domeniu
- Frumusețe