Fushia Events Website: From Figma to Webflow - Design & Development
To elevate their online presence, I designed and developed a one-page website that transforms their existing logo into a cohesive design system, expanding the brand identity with new visual elements and assets. The website was first designed in Figma, incorporating detailed UX/UI wireframes, and then brought to life in Webflow with interactive parallax scrolling and animations built using JavaScript, CSS, and HTML.
Identity & Design System with Figma
Color Palette and Visual Elements
The Fushia Events website palette balances professionalism with a vibrant touch. Black, white, and grey tones create a clean, corporate feel, while fuchsia adds energy and creativity, making key elements stand out and creating a memorable visual identity. I expanded the existing palette and developed new assets, using circular logo elements for dynamic animations that break the corporate tone and add a fun, creative flair. Background lines were designed to enhance the scroll effect and subtly reference event stage hangers.
Information Architecture and LOFI Wireframe
Simple Looking Yet Complex in Development
The IA and LOFI wireframing process in Figma was essential for establishing the structure of the Fushia Events website before moving to UI design. The website was intentionally designed as a one-page side-scroll layout, seamlessly moving between key sections—Home, Services, About, Gallery, and Contact—without the need to navigate to separate pages. This approach supports the website's purpose: to provide an informative online presence and showcase services and project photos.
While the website looks simple, its development was complex, involving advanced scroll interactions and animations, with each section tailored using CSS, HTML, and JavaScript to deliver a seamless and engaging user experience.
Website Design UI in Figma
User Interfaces
The UI design for Fushia Events was meticulously crafted in Figma to highlight each section of the website, ensuring a refined and visually appealing experience. Each section is thoughtfully designed to showcase the brand’s services, values, and project portfolio, with a careful balance of text and imagery for easy navigation. This approach ensures clarity and engagement, aligning with the brand's professional and creative identity.
