SYNAPS
Corporate website for Synaps.io, combining clean design, product storytelling, and smooth animations — built with Figma and Framer.
Research
This project involved designing and developing the official website for Synaps.io, a company specializing in digital identity solutions. The main objective was to create a visually impactful and product-driven site that clearly communicated Synaps’ expertise, highlighted its core products, and reflected its innovation-driven positioning. The website needed to be responsive, animated, and adaptable across devices, while maintaining high performance and clarity.
Design
The project started with a branding exploration in collaboration with a brand designer. Together, we established the core visual identity — including typography, color palette, and iconography — ensuring consistency with Synaps’ tone and values. Once the guidelines were approved, I began crafting animated components and visual blocks that would carry the brand’s personality across the entire experience, from homepage to product pages.
Development
Using Figma, I designed all pages and modular sections, carefully planning how each block would behave across breakpoints and how transitions would guide the user. Animations were a key part of the storytelling, so I built the front-end experience directly in Framer, integrating interactions, scroll effects, and motion to elevate the overall look and feel. Special attention was given to responsive behavior for tablet and mobile devices to ensure the site felt smooth and coherent everywhere.
Concept
This project allowed me to bridge the gap between static design and interactive development. I strengthened my ability to translate high-fidelity mockups into dynamic, production-ready experiences in Framer, mastering timing, responsiveness, and animation layering. It also deepened my understanding of how branding, UX, and motion work together to deliver a meaningful digital presence that supports product storytelling and trust.
