Dmytro's portfolio

UX Design & Case Study

User research
Personas
Problem statements
User journey maps
Big picture storyboard
Close-up storyboard
Paper wireframes
Digital wireframes
& updates

Heuristic evaluation
Competitive audit report
Usability studies
Lo-Fy prototypes
Mockups
Hi-Fi prototype
Accessibility
Takeaways
‍

Media Roll App

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Project overview

The Media Roll App will let users expand their media collection, affecting users who spend too much time saving digital media for viewing and sharing purposes by allowing them to quickly and easily access their media library and enhancing the overall user experience.

User research

I conducted in-depth interviews and created empathy maps to gain insights into the diverse needs of users in various scenarios. The primary focus was on working adults who engage with media regularly, such as during workouts, at the computer, while driving, and streaming music.

In summary, the user research uncovered a range of challenges, including the need for integration of media functionalities, streamlined syncing processes, safer in-car music management, and enhanced customization features for streaming platforms. These insights will guide the design process to create solutions that address the specific needs and frustrations of our target users.

See Full Case Study

Wireframes

Mockups

Userflow

Persona

Low-fidelity prototype

Using the completed set of digital wireframes, first round of usability studies, and a low-fidelity prototype, I created a second version of the low-fidelity prototype v1.

Lo-Fi Prototype v2

High-fidelity prototype

The final high-fidelity prototype presented cleaner User flows for browsing and collecting media. It also meets user needs for editing and sharing features.

Hi-Fi Prototype

Motion Graphics

3D and 2D Logo Intro
Customizing templates
and footages
SVG and Gif animation
Animation of stock images
Character animation
3D Motion & camera tracking
2D/3D compositing
Geometric Reveal &
Type Animations
‍

Adobe After Effects
Maxon Cinema 4D
Autodesk Maya
Adobe Illustrator
MotionArray, Envato,
Title Animation, VFX
Map scenes animation
HUD animation
Geometric Reveal &
Skeuomorphic animation
‍

Motion Graphics Portfolio

Project overview

One compelling example from my portfolio exemplifies my proficiency in manipulating commercial royalty-free licensed images using industry-standard tools such as Adobe After Effects and Illustrator.

This selection of my work showcases my technical skills and my ability to transform static visuals into dynamic and engaging animations. You will find many animated elements within these compositions created by integrating static details from stocks. These elements include but are not limited to wheel rotation, car shadows, exhaust smoke, dust from under the wheels, animated horizon, and road animated graphics (trees, road lines, asphalt, etc).

Also, I have animated strings for guitar, employed map drawing animations, utilized 2D and 3D shapes for visual interest, and implemented photo and text manipulation to convey unique narratives and concepts.

Skills Showcase projects

Here is detailed information about my skills, the tools I utilize, and the creative sources that inspire my unique animations. First, I leverage comprehensive 2D/3D animation and footage libraries encompassing a range of licensed resources. It enables me to customize existing templates or draw inspiration to craft animations from scratch.

In addition, I extensively utilize static images sourced from stock photos and vector libraries to enhance motion. These visual elements serve as building blocks for creating captivating motion graphics.

Celigo’s CIO Live

Introducing the logotype intro for Celigo's CIO Live Series, developed for Celigo, Inc. As a full-time team member, I collaborated closely with the design team to conceptualize and refine various logo concepts. Leveraging my expertise and creative vision, I ultimately crafted the final animation as an introduction for the online event

Geometric & Type Animations

This project showcases the promotion of my online portfolio through the application of geometric reveal and type animation techniques utilizing the Adobe After Effects software tool.

App Presentation Mockup

This is a mockup presentation for the Trailers Collection App, part of the Google UX and Pratt certificates. The app is currently in development, aligned with educational goals. The next phase involves incorporating AI options that will assist users in editing trailer descriptions and creating new video collections based on AI-generated scenarios.

Immersive 3D Motion Graphics

The Badminton Logotype Intro for Northern California Badminton Club. To bring this project to life, I primarily utilized Cinema 4D by Maxon, a powerful 3D modeling and animation software.

Throughout my creative process, I actively seek inspiration that fuels the development of unique and impactful designs. In this case, I drew inspiration from ESPN NBA Project showcased on the Behance platform
‍

UX Design & Case Study

User research
Personas
Problem statements
User journey maps
Big picture storyboard
Close-up storyboard
Paper wireframes
Digital wireframes
& updates

Heuristic evaluation
Competitive audit report
Usability studies
Lo-Fy prototypes
Mockups
Hi-Fi prototype
Accessibility
Takeaways
‍

Trailers Collection App

Project overview

The Trailers Collection Application will let users expand their trailer collection, which will affect users who spend too much time finding thrillers for watching and sharing by allowing them to quickly and easily access their trailers library and save their time.

User research

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was working adults who watches a movie out at least once a month.

This user group confirmed initial assumptions about participants, but research also revealed that time was not the only factor limiting users from browsing and collecting trailers. Other user problems included different app features and options that make managing, sharing and browsing trailers challenging.

See Full Case Study

Wireframes

Mockups

Userflow

Persona

Low-fidelity prototype

Using the completed set of digital wireframes, first round of usability studies, and a low-fidelity prototype, I created a second version of the low-fidelity prototype v1.

Lo-Fi Prototype v2

High-fidelity prototype

The final high-fidelity prototype presented cleaner User flows for browsing and collecting trailers. It also meets user needs for editing and sharing features.

Hi-Fi Prototype

Banner Design

Animated GIF Banners
Google AdWords Design
Large Banner Design
Hero Banner Design
Instagram Banners
LinkedIn Campaign
Facebook campaign
‍

Rectangle 300x250px
Leaderboard 728x90px
Square 250x250px
Banner 468x60px
Wide Skyscraper 160x600px
Skyscraper 120x600px
Optimized 1200x628px
‍

Web Banner Design

Projects overview

Website banner design is crucial in driving optimal traffic to your website. A well-designed banner can generate more traffic or attract exceptional visitors, making it a cost-effective investment. With a keen eye for design, I ensure all my banners exude professionalism and effectively represent the businesses.

Look at some of my website banner examples to witness the high-quality ads I create. In my portfolio, you'll discover a collection of visually appealing banners poised to elevate digital advertising campaigns. Whether an objective is brand awareness, lead generation, or any other marketing goal, I possess the expertise to deliver impactful results. Each banner I design is carefully crafted to entice users, compelling them to click and engage with a brand.

Large & Hero Banner Design

Hero banners are pivotal in making a solid first impression on web visitors. These prominent banner placements are strategically positioned front and center on web pages, making them the first visual element that captures a visitor's attention. Acting as a captivating introduction, large banners provide an overview of the site's most important content, instantly conveying the essence of a brand or message.

I specialize in creating impactful banners for websites and campaigns on various platforms, including Facebook, Twitter, LinkedIn, and Instagram. These banners are powerful visual elements that make a memorable impression on a target audience. Look at my portfolio to see the impact of the banners and discover how they can enhance your online presence.

LinkedIn Campaign

Large Banner Design

Hero Banner Design

Instagram banners

Animated GIF Banner Design

I'm an expert in creating high-quality GIF banners optimized to meet the platform's size requirements, all under 150Kb. With a deep understanding of the technical specifications, I ensure that each GIF banner maintains its visual impact while staying within the file size limitations. By leveraging my expertise in design and animation, I bring your brand to life through dynamic and engaging GIF banners.

I have successfully designed GIF banners for clients such as Morningafter and many more. Each banner is carefully crafted to grab attention, engage viewers, and drive results. Please browse through my portfolio to see the power of animated GIF banners.

Website Banner Design Design

I specialize in designing website banners that are perfect for digital advertising campaigns. I create visually appealing banners that entice users to click and engage with your brand. Whether it's the most common Google AdWords display ad sizes like Inline Rectangle (300x250px) and Leaderboard (728x90px) or other popular measures such as Square (250x250px), Banner (468x60px), Wide Skyscraper (160x600px), and Skyscraper (120x600px),

For example, I have worked with platforms like Upwork, successfully delivering a pack of banners for a client. I am particularly proud of the fantastic work I did for Collectly.co. Please take a look at my portfolio to witness the results firsthand!

Email Templates

Campaign Monitor
Mailchimp
iContact
Postcards
HubSpot
‍

Apple Mail
Outlook
Gmail
Yahoo! Mail
Hotmail
‍

Email Templates Design

Projects overview

Discover my expertise in designing and coding email templates that are fully compatible with all the leading email service providers, including MailChimp, iContact, Campaign Monitor, and HubSpot. Additionally, I meticulously craft templates to ensure compatibility with popular email clients such as Gmail, Yahoo Mail, Outlook, Hotmail, and more.

By leveraging my skills, I optimize emails to reach target audiences across various platforms, guaranteeing a consistent and engaging user experience regardless of the email service provider or client they use.

Mobile-Optimized Emails

With a strong focus on mobile device compatibility, I prioritize the creation of email templates that adapt beautifully to various screen sizes and resolutions. By employing responsive design techniques and implementing mobile-first strategies, I ensure that the emails look stunning and provide optimal readability on smartphones and tablets. Whether your audience accesses their emails on iPhones, Android devices, or other mobile platforms, I flawlessly present the content, capturing their attention and driving engagement. Moreover, my coding practices adhere to the highest industry standards and incorporate the latest technologies, guaranteeing clean, efficient, and future-proof code that sets your email templates apart with their top-notch quality.

Hello,
I'm Dmytro

The Future

of Digital Media

I'm a passionate, dedicated designer who tackles complex problems and finds creative solutions using various digital tools.

I strive to improve my skills, so I acquired the Google UX Design Professional Certificate in 2022.

While I have a decade of experience as a designer

Work Experience

I approach my design

process with structured

methodology that includes

the key steps of

empathizing with the user

defining the problem

ideating solutions

prototyping

testing

Get in

touch

Hello,I'm Dmytro

The Future

of Digital Media

I'm a passionate, dedicated designer who tackles complex problems and finds creative solutions using various digital tools.

I strive to improve my skills, so I acquired the Google UX Design Professional Certificate in 2022.

While I have a decade of experience as a designer

Work Experience

I approach my design

process with structured

methodology that includes

the key steps of

empathizing with the user

defining the problem

ideating solutions

prototyping

testing

Get in

touch

Media Roll App

Wireframes

Mockups

Userflow

Persona

Motion Graphics Portfolio

Celigo’s CIO Live

Geometric & Type Animations

App Presentation Mockup

Trailers Collection App

Wireframes

Mockups

Userflow

Persona

Web Banner Design

LinkedIn Campaign

Large Banner Design

Hero Banner Design

Instagram banners

Email Templates Design

Hello,
I'm Dmytro