Denis Avramenko is an award-winning artwork director, digital and movement designer targeted on creating interactive experiences, web sites, and digital merchandise. Initially from Ukraine and now based mostly in New York, Denis has labored with Fortune 500 firms, international sportswear manufacturers, and tech firms.
He’s a member of the Worldwide Academy of Digital Arts and Sciences (IADAS) and a jury member at Awwwards, The Webby Awards, and The Lovie Awards.
Denis’s strategy to design is formed by movement, typography, and visible storytelling. He focuses on creating narratives that mix visible exploration with strategic considering.
Let’s take a more in-depth have a look at his chosen initiatives and inventive course of.
Featured work
13 MAL
13 MAL is a curated design area bringing collectively furnishings, lighting, and objects chosen for his or her materiality, type and refined strategy to up to date design.
That is certainly one of my favourite initiatives as a result of it gave me the liberty to discover and experiment all through the method. I had the chance to be concerned in each stage—from defining the general course and technique to shaping the visible particulars and post-production. Lots of the remaining choices got here from merely testing completely different approaches, attempting new concepts and seeing the place the method may go. Typically constraints assist form robust concepts, however on this mission, having the liberty to discover led to sudden options.
The problem was to protect the sense of materiality, character and a focus to element of the gathering—creating an area that goes past displaying objects and communicates the sensation behind them.
The visible id prolonged into the interface, the place construction and interplay turned a part of the identical language. I explored the modularity of the system by way of layered mixtures, testing how completely different components may work collectively. All the system stays black and white, shifting focus towards rhythm, density, repetition, spacing and pacing.
A giant a part of the method was refining every picture to suit the general visible course. I labored with ranges, distinction and tones to create a constant look throughout all pictures.
I like enjoying with tones, particularly when the pictures and the background can turn out to be one. Inserting gray objects on gray backgrounds permits me to create minimal distinction between them. That is certainly one of my favourite methods that I typically use in my work.
One instance of this strategy—I didn’t like how some gray pictures appeared on a darkish background, each visually and conceptually, so I inverted them to create darker objects on darker backgrounds. These choices turned a part of the visible language of the model. The mission contains many examples of low-contrast compositions, the place the article and the background really feel like a part of the identical area.
One other difficult a part of the mission, which is presently in progress, is constructing a headless commerce expertise with Shopify Plus and Subsequent.js. The purpose is to mix a versatile digital structure with a extra immersive manner of exploring merchandise, together with AR performance that enables customers to preview every bit in their very own area in actual time.
The mission was featured on Better of Behance. You may discover the total case examine right here.
2000 Avenue of the Stars—CBRE Inc. (Fortune 500)
Positioned in Los Angeles, 2000 Avenue of the Stars is a 750,000-square-foot landmark vacation spot that mixes structure, premium workplace areas, retail, eating and cultural facilities. The mission redefines the fashionable office by way of a stability of design, performance and luxurious.
Rachel Many from Alietum Studio invited me to collaborate on this mission. The purpose was to translate the essence of the property right into a digital presence that displays its architectural id and premium positioning.
An attention-grabbing a part of the mission is that I didn’t begin with the same old strategy of making the homepage and constructing the construction round it. As a substitute, I began with movement and typography, exploring how the weather may behave and create construction and area.
I developed a conceptual behavioral system constructed round typography, translating the architectural character of the constructing right into a digital surroundings. By introducing depth and dimension, the system creates a connection between the bodily and digital area.
Gradual-paced animations, flowing transitions and animated typography with refined 3D rotations had been designed to mirror the constructing’s luxurious aesthetic, creating a way of class, stability and continuity throughout each touchpoint.
You may discover the total case examine on Behance.
X8
For X8 Eyewear, I explored how typography and dynamic transitions may turn out to be a key a part of the visible id—utilizing scale, distortion and motion to create a dialogue between construction and transformation.
Working intently with a co-founder of X8 and former CEO of Mild Monster, we developed a brand new course. The mission targeted on constructing a whole digital and movement system—from visible id and typography to UX/UI and inventive growth, together with GSAP-powered animations and an AR digital try-on expertise.
The purpose was to create a model that’s self-sufficient, unbiased and powerful by itself. The id reveals its philosophy. X means collaborating and connecting. 8 means circulation and infinity. Actually.
The model was constructed round an unshakable, unchanging basis and limitless transformation. On the identical time, it evolves by way of dynamic and fluid collaborations. Every collection-collaboration follows the thought of a chameleon, remodeling its typographic fashion whereas turning into a part of the X8 world. We create a universe of limitless dynamic modifications and prospects.
The mission obtained 12 worldwide trade awards, together with FWA Website of the Day, CSS Design Awards (Website of the Day, Greatest UX, Greatest UI, and Innovation), CSS Winner Website of the Day, The Ecommerce Design Awards Website of the Day, and Mindsparkle Magazine Website of the Day.
Dominik Tarabanski
A conceptual e-commerce platform created for photographer and artist Dominik Tarabanski, exploring a extra expressive strategy to current the gathering. I experimented with customized layouts, layered compositions and dynamic transitions to create a looking expertise that feels nearer to an editorial piece than a standard on-line retailer.
Typography turned an extra layer of the visible language, including a novel character and increasing every paintings past the picture itself. Movement helped form the navigation circulate, including motion whereas preserving the eye on the images.
The typography stays fastened on the middle of the display throughout every web page, turning into a part of the exhibition itself. The titles additionally act as navigation components, opening and shutting sections whereas transitioning seamlessly between artwork rooms and turning into a part of the narrative.
The mission was featured on Better of Behance. You may discover the total case examine right here.
Past Design
My journey began with portray and drawing at an artwork school, lengthy earlier than I entered the world of design. This expertise formed the way in which I strategy design right this moment. Shifting into design helped me discover the stability between aesthetics and problem-solving—creating not solely visible concepts, but additionally significant buildings and techniques.
In the present day, my work goes past visuals—I concentrate on constructing techniques, shaping narratives and creating digital merchandise with an interactive layer.
I even have in depth expertise main builders and dealing intently with the technical aspect of initiatives, which helps me perceive what is feasible and the way concepts might be dropped at life. Through the years, I’ve labored on many technology-driven initiatives, experimenting with WebGL, GSAP, Three.js, headless commerce, and different applied sciences.
Ultimate Ideas
A giant thanks to the Codrops group for that includes my work and giving me the chance to share extra about my course of and the concepts behind my initiatives. It was a pleasure to mirror on the journey, the selections behind the work, and the experiences that proceed to form my strategy to design.
There are numerous new initiatives coming quickly and I’m excited to share extra of them sooner or later. Keep related!
Undertaking inquiries: denis@adencys.com
