top of page
SanComm_Title.png

SAN:
COMMUNICATION
WED DESIGN

Year

2024

Client

SAN:COMMUNICATION

Location

Toronto, ON

Role

UX/UI Designer

Software

Figma / Framer 

Web UX/UI project for SAN:COMMUNICATION, featuring German artist Timo Helgert, team renowned for his viral virtual installations. Alongside 3D director Sartaj Prince, Production manager Eunae Kim, and a talented music duo, crafting digital escapist environments. Highlights include seamless user flow, a detailed UI kit, responsive grid system, precise mockups, and development on Framer for interactive, immersive experiences.

What did I do

  • Discussion on the Goal, collaborated with client to design a website that showcases their diverse projects to potential future clients.

 

  • UX Web User Flow, developed a seamless user flow to ensure an intuitive and engaging experience for visitors. Focused on easy navigation and logical progression through the site, guiding users from project highlights to detailed case studies, ultimately leading to contact and inquiry sections.

 

  • UI Kit, created a comprehensive UI kit that includes color palettes, typography, buttons, icons, and other UI elements. Ensured consistency in design and branding across all pages, reflecting the team's aesthetic and values.​

​

  • Grid System, implemented a responsive grid system to maintain a consistent layout and structure across various devices. This approach ensures that the content is displayed optimally, whether on desktop, tablet, or mobile, enhancing user experience.​​​​

​

  • Mockup, designed mockups to visualize the final look and feel of the website. These mockups served as a reference for both design approval and development, ensuring alignment with the client's vision and requirements.

​

  • Web Development on Framer, built the website using Framer, leveraging its powerful features for interactive design and smooth animations. This platform allowed for rapid prototyping and iteration, resulting in a high-quality, responsive website that effectively showcases client's projects.

Version 1
Version 2

How did I make it

bottom of page