Kino
2024
Website Redesign & Branding
Role
UI Design, Logo Design
Collaborators
Chris C., Shaobo Z.
Timeline
2 Weeks
Tools
Figma
WHAT IS KINO?
Kino AI is a software company that uses AI to help organize and search video footage. Their Media Assessment Management (MAM) software lets filmmakers view, search, log, and sync footage securely on a local machine or in a private cloud.
CHALLENGE
Kino AI wanted a rebranding that includes a new website and new logo that better reflects the core identity of their product. Our task was to create a brand and web presence that captures Kino’s innovative approach while feeling approachable to filmmakers and content creators.
OUTCOME
A logo system that adapts across platforms
Color palette balancing technological precision with creative warmth
Typography pairing that honors film heritage while feeling contemporary
Wireframes showcasing key features and user journeys
Style
In crafting Kino's visual identity, we explored the duality between mechanical precision and organic vision. Drawing inspiration from the legacy of meticulously engineered film cameras, we wove together elements that reflect both the technical sophistication of traditional photography and the innovative spirit of our software. The concept of the camera eye – simultaneously mechanical and alive – became central to our design.
LOGO
COLOR
TYPE

BUTTONS & ICONS
NAV BAR
Wireframes
Next, we designed wireframes for the website. Starting with low-fidelity sketches allowed us to validate our overall approach before investing in detailed designs. As we refined the wireframes, we placed particular emphasis on the feature pages, ensuring they would effectively showcase Kino's capabilities while maintaining a cohesive user experience throughout the site.
LO-FI WIREFRAMES
HI-FI WIREFRAMES