Roman Ivashnev
Experience Designer
Specialties: UI/UX Design, CGI/3D, Motion, CSS/SASS/HTML.
Client: Nissan | Agency: Critical Mass © 2016
- Ian Johnson
legendary 4x4 builder host, "xtreme off-road
![]()
![]()
![]()
![]()
![]()
Responsive Design
Designed fully responsive interactive experience featuring Nissan NV Cargo. Used Photoshop and After Effects for designing and prototyping motion and interactions
![]()
Cargo X Reel
Reel from the location
Decals Design
Designed multiple exterior decals options for the concept vehicle
360 Enviroment
Modeled in Cinema 4D exterior and interior features for NV Cargo Concept Vehicle. Designed and rendered full CGI garage environment using Cinema 4D and Arnold5.
The NV Cargo van is built on one of the toughest frames in the business. So it seemed like a no-brainer for legendary 4x4 builder Ian Johnson (Power Nation, Xtreme Offroad) to build upon. Where else would we take it than the infamous Pyeatt Draw in the highlands of Arizona? While the spectacle of this monstrous vehicle was enough to stare at in wonder, the campaign behind it was one of awareness; awareness of Nissan's commitment to be the hardest working vehicles on the road and the power of the NV Cargo.
My Role:
UI Design, Branding, 3D
Tools Used:
Photoshop, Cinema 4D, After Effects
Credits
John Mahalak, Keith Henneman, Nigel Dennis, Evan Cole
CLIENT: DDB | AGENCY: CRITICAL MASS © 2017
{"background_color":"background: #ffcd44; background: -moz-linear-gradient(-45deg, #ffcd44 0%, #dba920 100%); background: -webkit-linear-gradient(-45deg, #ffcd44 0%,#dba920 100%); background: linear-gradient(135deg, #ffcd44 0%,#dba920 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd44', endColorstr='#dba920',GradientType=1 );","text_color":"#0a0a0a","nav_nemu_opacity":"1","nav_menu_color":"#000000","nav_logo_opacity":"1","nav_logo_color":"#000000","nav_pagination_dots_opacity":"1","pagination_nav_color_copy":"#000000","nav_footer_text_opacity":"1","nav_footer_text_color":"#000000","nextTitle_opacity":"1","nextTitle_color":"#000000"}
Enter Password
{"nav_nemu_opacity":"","nav_menu_color":"#000000","nav_logo_opacity":"","nav_logo_color":"#000000","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#000000","nav_footer_text_opacity":"","nav_footer_text_color":"#000000"}
gfgfgf
{"nav_nemu_opacity":"","nav_menu_color":"#81d742","nav_logo_opacity":"","nav_logo_color":"#dd3333","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#dd3333","nav_footer_text_opacity":"","nav_footer_text_color":"#dd3333"}
CLIENT: NISSAN | AGENCY: CRITICAL MASS © 2016
Responsive layout
Our experience needed to be respond quickly to users' interactions driving them to explore the vehicle and possibly purchase directly through NissanUSA.com.
![]()
![]()
Business objectives first
Within the Nissan Commercial Vehicles landscape, we saw a need to cater an experience to the needs and desires of the people who would buy this vehicle for their small business.
A streamlined approach focusing on the features that are important to this customer set and an art direction consideration that was bold and strong moved thousands of trucks off the lots.
![]()
![]()
A streamlined approach focusing on the features that are important to this customer set and an art direction consideration that was bold and strong moved thousands of trucks off the lots.
3D Rendering
Received CAD data directly from Nissan, converted to Cinema 4D native format, applied product correct materials. All assets rendered with Arnold 5
Compositing
Rendered vehicle visuals using CAD data recieved from Nissan Composited, retouched and animated final visuals in After Effects
Nissan faced a challenge - how do we get our trucks to a commercial audience? The trust wasn't the problem. It was the position. We needed to position the vehicles to mean more to a commercial owner.
My Role:
UX/UI Design, Motion, 3D
Tools Used:
Photoshop, Cinema 4D, After Effects
Credits:
Nigel Dennis, John Mahalak
CLIENT: Harley Davidson | AGENCY: CRITICAL MASS © 2017
{"nav_nemu_opacity":"","nav_menu_color":"#000000","nav_logo_opacity":"","nav_logo_color":"","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#000000","nav_footer_text_opacity":"","nav_footer_text_color":""}
{"background_color":"background: #ff6600; ","text_color":"#000000","nav_nemu_opacity":"","nav_menu_color":"#000000","nav_logo_opacity":"","nav_logo_color":"#000000","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#000000","nav_footer_text_opacity":"","nav_footer_text_color":"#000000","nextTitle_opacity":"","nextTitle_color":"#000000"}
Enter Password
Responsive layout
Our experience needed to be respond quickly to users' interactions driving them to explore the vehicle and possibly purchase directly through NissanUSA.com.
Responsive layout
Our experience needed to be respond quickly to users' interactions driving them to explore the vehicle and possibly purchase directly through NissanUSA.com.
![]()
CLIENT: NISSAN | AGENCY: CRITICAL MASS © 2015
Sizzle Reel
Quality: 22 Pellentesque libero quam, placerat vel libero eget, cursus ornare dui. Vivamus at dignissim nisl, rhoncus efficitur ex.
A fullscreen responsive site and a mobile web app for Nissan The Delivery campaign. Centerpiece of the campaign is a six-minute online action parody titled, “The Delivery.” The short piece spoofs the 80s action movie subgenre while showcasing the many features of the Nissan Commercial Vehicle lineup.
My Role: UI/UX Design, Animation, CGI
Tools Used: Photoshop, Cinema 4D, After Effects, Vue
Credits:
Keith Henneman, Nigel Dennis, Jeremy Hlinak, Amy Haiar, Gavin Morrisey, Becca Ray
CLIENT: NIKE | AGENCY: CRITICAL MASS © 2016
The goal was to inspire.
Rather than a product grid landing page on search, we wanted to a create a dynamic, robust and editorial approach to the product and more importantly the athlete behind it.
![]()
![]()
Insights Based Design
It was important to share the inspiration behind the product from the design choices chosen by Kevin Durant to the designer's meticulous details and materials.
![]()
![]()
Out-of-home
Designed Multiple integration points examples including bus stop posters, billboards and in store ads
Users faced a problem when searching Nike shoes and an athlete like Kevin Durant - a lack of Kevin Durant. Research & insights showed that our demographic was not just interested in the shoes that KD is wearing, but were inspired by the athlete himself.
My Role:
UI/UX Design, Motion, Prototype
Tools Used:
Photoshop, After Effects
Credits:
Nigel Dennis
Client: GE | Agency: Critical Mass © 2017
{"background_color":"background: #4384d3; background: -moz-linear-gradient(-45deg, #4384d3 0%, #32629e 100%); background: -webkit-linear-gradient(-45deg, #4384d3 0%,#32629e 100%); background: linear-gradient(135deg, #4384d3 0%,#32629e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4384d3', endColorstr='#32629e',GradientType=1 );","text_color":"#FFF","nav_nemu_opacity":"","nav_menu_color":"","nav_logo_opacity":"","nav_logo_color":"","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"","nav_footer_text_opacity":"","nav_footer_text_color":"","nextTitle_opacity":"","nextTitle_color":""}
Enter Password
CLIENT: NISSAN | AGENCY: CRITICAL MASS © 2016
{"nav_nemu_opacity":"","nav_menu_color":"#000000","nav_logo_opacity":"","nav_logo_color":"#000000","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#000000","nav_footer_text_opacity":"","nav_footer_text_color":"#000000"}
{"nav_nemu_opacity":"","nav_menu_color":"#000000","nav_logo_opacity":"","nav_logo_color":"#000000","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#000000","nav_footer_text_opacity":"","nav_footer_text_color":"#000000"}
Mobile First
With limited time redesigned mobile experience for Nissan, including vehicle landing pages and shopping tools vehicle configurator.
![]()
Re-imagined and redesigned the end-to-end Nissan Commercial Vehicles mobile experience.
My Role:
UI Design, Art Direction
Tools Used:
Photoshop,After Effects
Credits:
Keith Henneman, Evan Cole
CLIENT: NISSAN | AGENCY: CRITICAL MASS © 2014
Design
Animation
Protoype Designed Interactive experience to promote Nissan Passenger vehicle. Used After Effects to animate visuals
Animation
Protoype Designed Interactive experience to promote Nissan Passenger vehicle. Used After Effects to animate visuals
Designed a microsite targeted at large families that may be interested in the NV Passenger.
My Role:
UI/UX Design, Motion Design, Art Direction
Tools Used:
Photoshop, After Effects
Credits:
Keith Henneman, Matt Sulzer
Client: Elle | Agency: GD2 © 2011
Cras vitae augue quis libero sollicitudin ornare et eu tellus. Quisque venenatis neque sit amet mauris molestie, nec rutrum arcu aliquet. Nunc condimentum congue quam eget sollicitudin. Aenean feugiat est mattis euismod tempus. Quisque molestie pellentesque laoreet.
My Role:
UI/UX Design, Art Direction
Tools Used:
Photoshop
Credits:
Alex Belko
CLIENT: The Motorcar Collection| AGENCY: All Auto Network © 2010
{"nav_nemu_opacity":"","nav_menu_color":"#ffffff","nav_logo_opacity":"","nav_logo_color":"#ffffff","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#ffffff","nav_footer_text_opacity":"","nav_footer_text_color":"#ffffff"}
Cras vitae augue quis libero sollicitudin ornare et eu tellus. Quisque venenatis neque sit amet mauris molestie, nec rutrum arcu aliquet. Nunc condimentum congue quam eget sollicitudin. Aenean feugiat est mattis euismod tempus. Quisque molestie pellentesque laoreet.
My Role:
UI/UX Design, Art Direction
Tools Used:
Photoshop
Credits:
Alex Belko
Roman Ivashnev © 2018
{"background_color":"","text_color":"#FFF","nav_nemu_opacity":"","nav_menu_color":"","nav_logo_opacity":"","nav_logo_color":"","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"","nav_footer_text_opacity":"","nav_footer_text_color":"","nextTitle_opacity":"","nextTitle_color":""}
Enter Password
{"nav_nemu_opacity":"","nav_menu_color":"#000000","nav_logo_opacity":"","nav_logo_color":"#000000","nav_pagination_dots_opacity":"","pagination_nav_color_copy":"#000000","nav_footer_text_opacity":"","nav_footer_text_color":"#000000"}
Nullam tincidunt, arcu eget
Suspendisse potenti. Ut sodales erat ut ipsum fringilla mattis eget vitae nibh. Duis in pretium ligula.
Nissan Titan Accessories
Modeled affiliated vendors accessories in Cinema 4D (Sports bar, running boards, fenders...). Rendered vehicle with Arnold 5 and retouched in Photoshop.
Nissan Titan Accessories
Modeled affiliated vendors accessories in Cinema 4D (Sports bar, running boards, fenders...). Rendered vehicle with Arnold 5 and retouched in Photoshop.
