Bright Spark

BrightSpark is a website redesign for a marketing agency aimed at showcasing creativity and expertise. The project focuses on clean layouts, bold visuals, and interactive elements that communicate the agency’s innovative approach.

Client

BrightSpark Agency

Industry

Marketing & Advertising

Role

UI/UX Design · Web Design

Year

2025

Challenge

To create a modern, visually engaging website that highlights the agency’s portfolio and capabilities while maintaining clarity and usability. The main challenge was balancing dynamic visuals with a straightforward user experience.

Approach

The design features modular sections, vibrant imagery, and subtle animations to draw attention to key content. Typography and spacing were carefully considered to keep the interface readable and approachable, while interactive elements enhance engagement without overwhelming users.

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