My role
Art & Design Director
Skills
Art Direction, Graphic Design, Interaction Design, Website Design, Motion Graphics, HTML/CSS
Tools
Adobe CC (Illustrator, Photoshop, After Effects), Webflow, Udesly, WordPress
Collaborators
Founders, Sound Designer

OMNIMONO 2021 Website — play to preview

A creative studio built around a versatile team of designers, filmmakers, musicians, and technologists.
OMNIMONO is a dynamic creative studio founded by two visionary visual and sound designers in New York City. As a collaborative space for multidisciplinary creatives, OMNIMONO thrives on the fusion of art and design, delivering exceptional experiences across various industries. Its talented team of experts caters to clients in diverse fields, including fashion, hospitality, film, and beyond. With a passion for innovation and a keen eye for aesthetics, we transform concepts into captivating visuals and immersive soundscapes, crafting unique narratives that captivate audiences and elevate brands to new heights.
________________________________________
1
Concept
⥥
OMNIMONO, a brand name that beautifully captures the essence of diverse creative disciplines under one roof, draws its inspiration from the fusion of "omni channel" and "mono" — terms rooted in sound and audio. The founders, who are passionate about music and have a background as musicians, found this reference authentic to their love for the arts. "Omni channel" represents a holistic approach that explores various artistic realms, while "mono" symbolizes a unified space where these different disciplines converge. OMNIMONO celebrates the interconnectedness of different creative expressions and invites collaboration, representing a harmonious blend of artistic endeavors.
This project aims to highlight the exceptional skills of the artists in our studio and showcase the remarkable works of our clients on our website. The media used and curated are abstract representations of the unique blend of creativity found within this creative house.
________________________________________
2
Design & Build
⥥
2.1 Tech

Behind the scenes on Webflow

The website is built entirely within Webflow, using Adobe Photoshop and Illustrator to edit the assets. The final design was then transformed into a CMS theme utilizing Udesly, making it accessible to studio members on WordPress.

Project page template on Webflow

OMNIMONO WordPress theme

2.2 Animation
Side navigation
On the left side, there are four project categories that are displayed as shortcut links for easy access. This makes it convenient to utilize the entire vertical space and maximize the amount of real estate available.
Load animation
When you open a project, the template displays the cover in fullscreen mode that transitions to a split screen with key details such as the title and client name.
Timed in
The media has been carefully animated to integrate with the scrolling experience and enhance its flow seamlessly.
Fullscreen
The minimal website logo is positioned discreetly on the top left corner, behind the content and main navigation (icon) on the right, to optimize the screen space for media viewing. A back button is available at the end of each project page.
________________________________________
3
Launch
⥥
In collaboration with OMNIMONO's sound designer, we created a series of short animations as a way to introduce and celebrate the studio on Instagram.
Back to Top