StudioVibe

StudioVibe is a brand identity and website redesign for a creative design studio. The project explores how minimal layouts, vibrant imagery, and subtle motion can communicate the studio’s artistic vision and collaborative approach.

Client

StudioVibe

Industry

Creative Design

Role

Brand Direction · Web Design

Year

2025

Challenge

To create a digital presence that reflects the studio’s creativity and professionalism while remaining intuitive for visitors. The main challenge was translating the studio’s artistic style into an organized, user-friendly interface.

Approach

The design uses clean grids, bold typography, and interactive visuals to convey energy and creativity. Consistent spacing and modular layouts ensure clarity, while subtle hover effects and transitions enhance the user experience. The result is a website that feels both dynamic and approachable.

{"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":""}}}}