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