Fractured Faces

Fractured Faces is an experimental UI concept that blends portrait photography with glitch-inspired aesthetics. The project explores how distortion, texture, and rhythm can express identity in the digital space.

Client

Fracture

Industry

Fashion

Role

UI/UX Design

Year

2024

Challenge

To create a visual system where imperfection becomes a design language — merging human emotion with digital abstraction without losing clarity or balance.

Approach

The design process started with high-contrast portraits and glitch overlays to emphasize mood and motion. Clean typography and muted tones kept the interface grounded, allowing the visual noise to feel intentional.

{"blocks":{"dpxq28fx":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"dpjh3qry","collectionType":"droip_cm_gallery","items":4,"current_page":1,"pagination":false,"pagination_type":"","filters":[],"sorting":[],"offset":0,"inherit":true,"gallery":"dpjh3qry"}},"styleIds":[],"className":"","source":"droip","children":["dpa7gu06","dpm9tnzp","dpx7gb0e","dp4jlk9a"],"id":"dpxq28fx","parentId":"dpxm0316","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpa7gu06":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["dpu5jgt0"],"className":"","source":"droip","children":["dpgzocxc"],"id":"dpa7gu06","parentId":"dpxq28fx","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpgzocxc":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"droip","children":["dp5xzvls"],"id":"dpgzocxc","parentId":"dpa7gu06","template_mounted":true},"dp5xzvls":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"","alt":"","href":"","target":""},"dynamicContent":{"type":"gallery","value":"dpjh3qry","contentInfo":{"post_id":"14","field_id":"dpjh3qry"}}},"styleIds":["droip_image"],"className":"","source":"droip","id":"dp5xzvls","parentId":"dpgzocxc","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpm9tnzp":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"droip","children":[],"id":"dpm9tnzp","parentId":"dpxq28fx","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpx7gb0e":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination"}},"styleIds":["droip_pagination"],"className":"","source":"droip","children":["dp9xbyu3"],"id":"dpx7gb0e","parentId":"dpxq28fx","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp9xbyu3":{"styleIds":["droip_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-item"}},"className":"","source":"droip","children":["dprq7kyv"],"id":"dp9xbyu3","parentId":"dpx7gb0e","template_mounted":true},"dprq7kyv":{"styleIds":["droip_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-number"}},"className":"","source":"droip","children":[],"id":"dprq7kyv","parentId":"dp9xbyu3"},"dp4jlk9a":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"droip","children":[],"id":"dp4jlk9a","parentId":"dpxq28fx","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"dpu5jgt0":{"id":"dpu5jgt0","type":"class","name":"dp8f1paq","isDefault":false,"variant":{"md":"display:flex;flex-direction:column;row-gap:40px;"}},"droip_image":{"id":"droip_image","type":"class","isDefault":true,"name":["droip-image"],"variant":{"md":"max-width:100%;width:100%;"}},"droip_pagination":{"id":"droip_pagination","type":"class","isDefault":true,"name":"droip-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"}},"droip_pagination_item":{"id":"droip_pagination_item","type":"class","isDefault":true,"name":"droip-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"}},"droip_pagination_number":{"id":"droip_pagination_number","type":"class","isDefault":true,"name":"droip-pagination-number","variant":{"md":""}}}}