Logo system
Primary mark, lockup and symbol
Logo versions for brand, retail and interface use.
Back to case studies
Perla Optika
Brand identity and e-commerce UX/UI for Perla Optika. The project covered the identity system, retail applications and a complete webshop experience.
Brand identity / CGPE-commerce UX/UIRetail applications
Project holder
Madwise
Role
Identity system and digital retail design
Year
2024
Project overview
Identity and webshop design.
The scope included logo rules, colour, typography and retail applications, alongside webshop browsing and purchase flows.
Brand foundation / CGP system
Graphite, peach and mint.
The identity uses Barlow typography, graphite, peach-to-taupe gradients and mint accents. The CGP sets out primary and secondary versions of the PO mark and rules for their use.
Primary colours
#343434
Graphite
#DFB7A1
Perla peach
#C0D8CF
Soft mint
#DFB7A1 → #C69478
Warm gradient
Primary typeface
Barlow
A sans-serif typeface used in CGP documentation, product labels and interface hierarchy.
Aa / 01
Optical retail
Product hierarchy, colour accents and interface labels.
Colour & type
Graphite, peach, mint and Barlow
Brand colours and Barlow typography for print and screen.
Retail consistency
One set of rules across print, retail and digital.
Logo, colour and type rules apply to the webshop and retail materials.
Logo evolution
From sketch to PO monogram.
The glasses geometry was simplified into a symmetrical PO symbol for use across brand and retail materials.
Concept
The sketch combines a glasses outline with the letters P and O.
Final mark
The final mark retains the symmetry with softer contours.
Očala po vaši meri
Personalizacija okvirja, dodajanje dioptrije in izbira stekel korak za korakom.
Stekla za vaš pogled
Izbira dioptrije, vrste in debeline stekel v jasnih korakih.
Pregledna ponudba
Jasna cenovna kategorizacija korekcijskih in sončnih očal.
Izbor po vaših željah
Aktivni filtri zožijo ponudbo in ostanejo jasno označeni nad izdelki.
- Frame customization: 01
- Lens selection: 02
- Price discovery: 03
- Selected product filters: 04
UX/UI showcase
From frame selection to checkout.
The webshop covers category discovery, frame selection and lens configuration, followed by order review and checkout. The same hierarchy extends to mobile.
Brand applications / retail materials
Identity applied to retail materials.
Vehicle graphics, an optical case, catalogue layouts and brand imagery apply the identity beyond the webshop.
Vehicle graphics
The logo applied to vehicle graphics.
Optical case
The logo at a smaller scale on an optical case.
Retail atmosphere
Brand imagery for campaign and retail materials.
Catalogue system
Product layouts using the brand’s colour and type rules.
Outcome
One identity across retail and e-commerce.
Logo, type, colour and interface elements were developed as one system and applied across the webshop and physical materials.