VIDEOLY

Rebranding, ongoing brand design support and creating design libraries for B2B SaaS company

visual identity / print design / web design / product design / illustration / motion design / art direction

VIDEOLY

VIDEOLY

Rebranding, ongoing brand design support and creating design libraries for B2B SaaS company

Rebranding, ongoing brand design support and creating design libraries for B2B SaaS company

visual identity / print design / web design / product design / illustration / motion design / art direction

visual identity / print design / web design / product design / illustration / motion design / art direction

visual identity / print design / web design / product design / illustration / motion design / art direction

Visit videoly.co website

ABOUT

ABOUT

Videoly is a SaaS B2B platform for distributing video content made for both brands and retailers. My journey began during a quieter design phase, but as Videoly grew, so did my role. Over 5+ years, I actively contributed to rebranding initiatives, including the latest, internally called "brand uplift," showcased on this page. I guided a team of brand designers through this creative journey, actively contributing hands-on as well.

Videoly is a SaaS B2B platform for distributing video content made for both brands and retailers. My journey began during a quieter design phase, but as Videoly grew, so did my role. Over 5+ years, I actively contributed to rebranding initiatives, including the latest, internally called "brand uplift," showcased on this page. I guided a team of brand designers through this creative journey, actively contributing hands-on as well.

CHALLENGE

CHALLENGE

As the company and its products evolved to meet customer needs, the brand underwent a transformation. The primary objective of the new brand identity was to establish a consistent design language. Introducing a framework of core components allowed for freedom and expressiveness within its elements. This led to Videoly adopting a new brand identity and design system, subsequently scaled to its main products.

As the company and its products evolved to meet customer needs, the brand underwent a transformation. The primary objective of the new brand identity was to establish a consistent design language. Introducing a framework of core components allowed for freedom and expressiveness within its elements. This led to Videoly adopting a new brand identity and design system, subsequently scaled to its main products.

PROCESS

PROCESS

We’ve started with defining our core design principles to guide our decision-making process. Subsequently, we conducted reference research and tested concept designs across different media to ensure we were on the right track. After validating our direction, we developed core elements, implemented them, and launched the "uplifted brand." The ongoing support involved creating design systems, libraries, and guidelines.

We’ve started with defining our core design principles to guide our decision-making process. Subsequently, we conducted reference research and tested concept designs across different media to ensure we were on the right track. After validating our direction, we developed core elements, implemented them, and launched the "uplifted brand." The ongoing support involved creating design systems, libraries, and guidelines.

STRUCTURAL ELEMENTS

STRUCTURAL ELEMENTS

Structural elements such as logo, color palette, and typography provide stability and consistency. These essential components work seamlessly to maintain the recognizability of the brand across diverse contexts.

Structural elements such as logo, color palette, and typography provide stability and consistency. These essential components work seamlessly to maintain the recognizability of the brand across diverse contexts.

Logotype

Logotype

Logotype was inherited by previoius rebranding, and it features a distinctive word mark inspired by the art of folding and curling paper sheets – a nod to the seamless flow of videos through our platform.

Logotype was inherited by previoius rebranding, and it features a distinctive word mark inspired by the art of folding and curling paper sheets – a nod to the seamless flow of videos through our platform.

Typography

Typography

Our chosen sans serif typefaces, PolySans and TT Fors, embody friendliness and a tech-savvy feel. PolySans commands attention for bold displays, while TT Fors ensures clear readability in longer texts.

Our chosen sans serif typefaces, PolySans and TT Fors, embody friendliness and a tech-savvy feel. PolySans commands attention for bold displays, while TT Fors ensures clear readability in longer texts.

Palette

Palette

Versatile color palette includes a range of tints that are widely used throughout all company’s brand visuals.

Versatile color palette includes a range of tints that are widely used throughout all company’s brand visuals.

Color gradations seamlessly extended to illustrations and infographics, offering flexibility in visual storytelling.

Color gradations seamlessly extended to illustrations and infographics, offering flexibility in visual storytelling.

ILLUSTRATIONS

AND ICONS

ILLUSTRATIONS

AND ICONS

We've created a library of illustrations to humanize and add a touch of fun to the branding. Reflecting our "from human to human" design principle, these illustrations aim to foster a personal connection and evoke emotions within the complexity of our solutions.

We've created a library of illustrations to humanize and add a touch of fun to the branding. Reflecting our "from human to human" design principle, these illustrations aim to foster a personal connection and evoke emotions within the complexity of our solutions.

Character design

Character design

We took a distinctive approach by crafting two adaptable template figures, acting as our paper dolls. This method facilitated seamless modifications to their clothing, facial expressions, and hairstyles, offering a flexible and dynamic visual narrative across diverse contexts.

We took a distinctive approach by crafting two adaptable template figures, acting as our paper dolls. This method facilitated seamless modifications to their clothing, facial expressions, and hairstyles, offering a flexible and dynamic visual narrative across diverse contexts.

Library

Library

Comprising over 100 illustrations designed for various creative needs, the library draws inspiration from subtle metaphors surrounding product videos, online shopping, and beyond.

Comprising over 100 illustrations designed for various creative needs, the library draws inspiration from subtle metaphors surrounding product videos, online shopping, and beyond.

Icons

Icons

A set of over 300 icons was developed, serving various purposes across a range of platforms, including websites and presentations.

A set of over 300 icons was developed, serving various purposes across a range of platforms, including websites and presentations.

GRAPHIC IMAGERY AND ANIMATIONS

GRAPHIC IMAGERY AND ANIMATIONS

Illustrating Videoly's solutions required showcasing their ease of use and value proposition. We achieved this by creating simplified online store visuals and incorporating images of tangible products in action included their animated versions.

Illustrating Videoly's solutions required showcasing their ease of use and value proposition. We achieved this by creating simplified online store visuals and incorporating images of tangible products in action included their animated versions.

website

website

That’s where all the elements met together. The site redesign aimed to create a visually appealing design, enhancing customer engagement and sales. The challenge was to convey product information and functionality without relying on direct product screens, while also uplifting website visitors.

That’s where all the elements met together. The site redesign aimed to create a visually appealing design, enhancing customer engagement and sales. The challenge was to convey product information and functionality without relying on direct product screens, while also uplifting website visitors.

Design system

Design system

An array of foundational building blocks throughout the project was created. What began as an initial set of UI elements has evolved into a streamlined design system, encompassing a range of variable components, website element templates, and detailed principles of design construction, grids, and margins

An array of foundational building blocks throughout the project was created. What began as an initial set of UI elements has evolved into a streamlined design system, encompassing a range of variable components, website element templates, and detailed principles of design construction, grids, and margins

OTHER DIGITAL MATERIALS

OTHER DIGITAL MATERIALS

The reach of our branding extends beyond mere visual identity to touch every facet of our digital footprint across various company departments. This encompasses an array of materials—presentations, social media posts, marketing and customer success newsletters, transactional emails, ads, videos, and various other assets—where Videoly’s brand story resonates and flourishes.

The reach of our branding extends beyond mere visual identity to touch every facet of our digital footprint across various company departments. This encompasses an array of materials—presentations, social media posts, marketing and customer success newsletters, transactional emails, ads, videos, and various other assets—where Videoly’s brand story resonates and flourishes.

print MATERIALS

print MATERIALS

Print materials spanned merchandise such as stickers, sweatshirts, tote bags, postcards, and essential marketing assets like posters and roll-ups.

Print materials spanned merchandise such as stickers, sweatshirts, tote bags, postcards, and essential marketing assets like posters and roll-ups.

videoly.co

guidelines

guidelines

We established brand guidelines primarily for internal use, presented through a dedicated website. The objective was to consolidate and unify information about Videoly's brand, copywriting, and brand design. The brand design section specifically includes a comprehensive guide for presentations.

We established brand guidelines primarily for internal use, presented through a dedicated website. The objective was to consolidate and unify information about Videoly's brand, copywriting, and brand design. The brand design section specifically includes a comprehensive guide for presentations.

results

results

The redesigned elements garnered a positive response from the company's employees, customers, and partners. This response indicated that the rebranding efforts successfully elevated brand awareness, recognition, and credibility. Following the launch of the new materials, including ads, the LinkedIn clickthrough rate experienced an approximately 50% increase. Analyzing heatmaps revealed a notable enhancement in the website user journey flow. Additionally, the renewed brand image attracted considerable interest during industry events, potentially impacting the company's sales.

The redesigned elements garnered a positive response from the company's employees, customers, and partners. This response indicated that the rebranding efforts successfully elevated brand awareness, recognition, and credibility. Following the launch of the new materials, including ads, the LinkedIn clickthrough rate experienced an approximately 50% increase. Analyzing heatmaps revealed a notable enhancement in the website user journey flow. Additionally, the renewed brand image attracted considerable interest during industry events, potentially impacting the company's sales.

© Alina Demchenko 2024

© Alina Demchenko 2024

© Alina Demchenko 2024