Product & Website design
Speedion
Overview
Designing a unique product and website experience in today’s digital space is no easy feat—most ideas already exist in some form. For this project, we were challenged to imagine a fictional product and bring it to life through a fully realized, interactive website design. The process began with in-depth research and conceptual sketches, which helped define the product’s purpose, features, and target audience. From there, we translated those ideas into a polished user experience using Figma. Every element—from layout and navigation to branding and visual storytelling—was carefully crafted to reflect the essence of the imaginary product and deliver a compelling, user-centered web experience.
Design process
Research
The initial step in this project was to conceptualize a product that doesn’t currently exist. Drawing inspiration from a previous project, I decided to develop a website for a fictional product which was a universal Bluetooth-powered charger compatible with all types of devices.
To bring this concept to life, I conducted thorough research not only to develop a compelling and fitting brand name, but also to explore innovative design techniques that could be implemented in Figma. After research to find a suitable name that was not being used I had decided with, Speedion, This foundation helped guide the creative direction and overall functionality of the website.
Sketches of site-map
After solidifying the product name and researching innovative design techniques, I moved into the planning phase by sketching a comprehensive sitemap that would serve as the foundation for the website’s structure. This hand-drawn layout allowed me to thoughtfully organize the site’s navigation, mapping out the relationships between core pages and their corresponding subpages.
Key sections such as About Us, Science, Products, Support, and Account were broken down to include relevant content like product categories, user account features, FAQs, and support channels. This process was crucial in shaping the user journey—from initial discovery to product exploration, account setup, and customer support. By visualizing the site architecture early on, I ensured a seamless and intuitive user experience that aligns with both functionality and branding. This roadmap served as a guiding framework as I transitioned into designing the interactive prototype in Figma.
