Supplier platform website

Supplier platform website - Overview of Clover platform interface - Highlights seamless collaboration between suppliers and retailers
Project overview

Clover platform provides seamless collaboration between suppliers and retailers. It optimizes communication, information sharing, and streamlined workflows within one application which aims to improve productivity and efficiency.

Our goal was to upgrade and optimize the transition from Ledgerset to Clover brand and build a top-notch website representing the new product direction.

Tasks
  • Product rebrand development covering all existing presence
  • Build a modern marketing website that incorporates the latest trends and best practices for an exceptional user experience
  • Design a set of animated illustrations highlighting each platform features and explaining the product idea at the first glance
  • Unify existing email notifications into one flexible template
  • Design additional website pages such as sign up, blog, etc.
  • Implement the design via Webflow to allow managing the content easily
  • Optimizing website in terms SEO, performance and responsiveness
Tools
Figma
Figma
Webflow
Webflow
Keyshape
Keyshape
Solutions
Outcome

We have fully covered the path from Ledgerset to Clover Collab having developed the new brand and based on that we have delivered responsive marketing website with a set of animated creatives that fit the brand and explain the product idea at the first glance.

Solutions

Rebranding

We crafted different brand options to align with the new company’s values and mission, appealing to the target audience and staying relevant in a changing marketplace.

Rebranding

We crafted different brand options to align with the new company’s values and mission, appealing to the target audience and staying relevant in a changing marketplace.

Rebranding

We crafted different brand options to align with the new company’s values and mission, appealing to the target audience and staying relevant in a changing marketplace.

Rebranding - Showcasing new logo and color palette - Aligns with company values and appeals to target audience

Rebranding

We crafted different brand options to align with the new company’s values and mission, appealing to the target audience and staying relevant in a changing marketplace.

Rebranding - Showcasing new logo and color palette - Aligns with company values and appeals to target audienceRebranding - Integrating the new logo into product design - Enhances brand identity and visual consistency across products

Rebranding

We crafted different brand options to align with the new company’s values and mission, appealing to the target audience and staying relevant in a changing marketplace.

Rebranding - Showcasing new logo and color palette - Aligns with company values and appeals to target audienceRebranding - Integrating the new logo into product design - Enhances brand identity and visual consistency across products

Information Architecture

During our design process we performed iteratively with the client’s team. This step ensured the website is aligned with their vision, objectives, and target product story preferences.

Information Architecture - Wireframe of main website sections - Validates design alignment with client requirements
Information Architecture - Wireframe of main website sections - Validates design alignment with client requirements

Information Architecture

During our design process we performed iteratively with the client’s team. This step ensured the website is aligned with their vision, objectives, and target product story preferences.

Information Architecture

During our design process we performed iteratively with the client’s team. This step ensured the website is aligned with their vision, objectives, and target product story preferences.

Information Architecture - Wireframe of main website sections - Validates design alignment with client requirements

Information Architecture

During our design process we performed iteratively with the client’s team. This step ensured the website is aligned with their vision, objectives, and target product story preferences.

Information Architecture - Wireframe of main website sections - Validates design alignment with client requirements

Information Architecture

During our design process we performed iteratively with the client’s team. This step ensured the website is aligned with their vision, objectives, and target product story preferences.

Information Architecture - Wireframe of main website sections - Validates design alignment with client requirements

Ideation

At the initial stages, we played around with different layouts, styles, ideas. Also we consistently held sync meetings with our clients, it helped incorporate feedback, and gain fresh perspectives.

Ideation - Sync meeting with clients discussing design feedback - Demonstrates experimentation with different styles and ideas
Ideation - Sync meeting with clients discussing design feedback - Demonstrates experimentation with different styles and ideas

Ideation

At the initial stages, we played around with different layouts, styles, ideas. Also we consistently held sync meetings with our clients, it helped incorporate feedback, and gain fresh perspectives.

Ideation

At the initial stages, we played around with different layouts, styles, ideas. Also we consistently held sync meetings with our clients, it helped incorporate feedback, and gain fresh perspectives.

Ideation - Sync meeting with clients discussing design feedback - Demonstrates experimentation with different styles and ideas

Ideation

At the initial stages, we played around with different layouts, styles, ideas. Also we consistently held sync meetings with our clients, it helped incorporate feedback, and gain fresh perspectives.

Ideation - Sync meeting with clients discussing design feedback - Demonstrates experimentation with different styles and ideas

Ideation

At the initial stages, we played around with different layouts, styles, ideas. Also we consistently held sync meetings with our clients, it helped incorporate feedback, and gain fresh perspectives.

Ideation - Sync meeting with clients discussing design feedback - Demonstrates experimentation with different styles and ideas

Foundation

Important part of our design process was to create and compile visual materials for easy design management and future development. This foundation can be expanded with new elements and components over time.

Foundation - Typography and brand colors guide - Establishes visual consistency for easy design management and future development
Foundation - Typography and brand colors guide - Establishes visual consistency for easy design management and future development

Foundation

Important part of our design process was to create and compile visual materials for easy design management and future development. This foundation can be expanded with new elements and components over time.

Foundation

Important part of our design process was to create and compile visual materials for easy design management and future development. This foundation can be expanded with new elements and components over time.

Foundation - Typography and brand colors guide - Establishes visual consistency for easy design management and future development
Foundation - Collection of visual design materials - Facilitates easy design management and future development

Foundation

Important part of our design process was to create and compile visual materials for easy design management and future development. This foundation can be expanded with new elements and components over time.

Foundation - Typography and brand colors guide - Establishes visual consistency for easy design management and future developmentFoundation - Collection of visual design materials - Facilitates easy design management and future development

Foundation

Important part of our design process was to create and compile visual materials for easy design management and future development. This foundation can be expanded with new elements and components over time.

Foundation - Typography and brand colors guide - Establishes visual consistency for easy design management and future developmentFoundation - Collection of visual design materials - Facilitates easy design management and future development

Website creation

After several design iterations we've got the final product story, layout, and high-fidelity UI that were expanded with custom creatives.

Website creation - Final product story presentation - Showcases the completed narrative and design vision
Website creation - Final product story presentation - Showcases the completed narrative and design vision

Website creation

After several design iterations we've got the final product story, layout, and high-fidelity UI that were expanded with custom creatives.

Website creation

After several design iterations we've got the final product story, layout, and high-fidelity UI that were expanded with custom creatives.

Website creation - Final product story presentation - Showcases the completed narrative and design vision

Website creation

After several design iterations we've got the final product story, layout, and high-fidelity UI that were expanded with custom creatives.

Website creation - Final product story presentation - Showcases the completed narrative and design vision

Website creation

After several design iterations we've got the final product story, layout, and high-fidelity UI that were expanded with custom creatives.

Website creation - Final product story presentation - Showcases the completed narrative and design vision

Animated creatives

We have created animated illustrations that visually demonstrate specific functions to the user, enhancing their understanding and engagement.

Animated creatives

We have created animated illustrations that visually demonstrate specific functions to the user, enhancing their understanding and engagement.

Animated creatives

We have created animated illustrations that visually demonstrate specific functions to the user, enhancing their understanding and engagement.

Animated creatives

We have created animated illustrations that visually demonstrate specific functions to the user, enhancing their understanding and engagement.

Animated creatives

We have created animated illustrations that visually demonstrate specific functions to the user, enhancing their understanding and engagement.

Related pages

As a part of the project, we’ve also created blog, about us and sign up pages that perfectly align with the new brand path.

Related pages - Blog page with updated visuals - Enhances the user experience and brand alignment
Related pages - Blog page with updated visuals - Enhances the user experience and brand alignment

Related pages

As a part of the project, we’ve also created blog, about us and sign up pages that perfectly align with the new brand path.

Related pages

As a part of the project, we’ve also created blog, about us and sign up pages that perfectly align with the new brand path.

Related pages - Blog page with updated visuals - Enhances the user experience and brand alignment
Related pages - Sign up page design - Features an intuitive interface that aligns with the new brand path

Related pages

As a part of the project, we’ve also created blog, about us and sign up pages that perfectly align with the new brand path.

Related pages - Blog page with updated visuals - Enhances the user experience and brand alignmentRelated pages - Sign up page design - Features an intuitive interface that aligns with the new brand path

Related pages

As a part of the project, we’ve also created blog, about us and sign up pages that perfectly align with the new brand path.

Related pages - Blog page with updated visuals - Enhances the user experience and brand alignmentRelated pages - Sign up page design - Features an intuitive interface that aligns with the new brand path

Email templates

The scope of rebrand work included design of all web presence including all email notifications. So we collected them all, analyzed, defined common features and unified into one flexible template.

Email templates - Flexible template incorporating common features - Aligns with the new web presence and brand identity
Email templates - Flexible template incorporating common features - Aligns with the new web presence and brand identity

Email templates

The scope of rebrand work included design of all web presence including all email notifications. So we collected them all, analyzed, defined common features and unified into one flexible template.

Email templates

The scope of rebrand work included design of all web presence including all email notifications. So we collected them all, analyzed, defined common features and unified into one flexible template.

Email templates - Flexible template incorporating common features - Aligns with the new web presence and brand identity

Email templates

The scope of rebrand work included design of all web presence including all email notifications. So we collected them all, analyzed, defined common features and unified into one flexible template.

Email templates - Flexible template incorporating common features - Aligns with the new web presence and brand identity

Email templates

The scope of rebrand work included design of all web presence including all email notifications. So we collected them all, analyzed, defined common features and unified into one flexible template.

Email templates - Flexible template incorporating common features - Aligns with the new web presence and brand identity

Clover website overview

Based on a well-structured IA, captivating UI design, and custom animated graphics we achieved a highly engaging and user-friendly digital experience.

Clover website overview

Based on a well-structured IA, captivating UI design, and custom animated graphics we achieved a highly engaging and user-friendly digital experience.

Clover website overview

Based on a well-structured IA, captivating UI design, and custom animated graphics we achieved a highly engaging and user-friendly digital experience.

Clover website overview

Based on a well-structured IA, captivating UI design, and custom animated graphics we achieved a highly engaging and user-friendly digital experience.

Clover website overview

Based on a well-structured IA, captivating UI design, and custom animated graphics we achieved a highly engaging and user-friendly digital experience.

No items found.

Outcome

We have fully covered the path from Ledgerset to Clover Collab having developed the new brand and based on that we have delivered responsive marketing website with a set of animated creatives that fit the brand and explain the product idea at the first glance.

Linkedin

We’ve worked with WebFolks on several important projects, from website design to our core offering - a complex multichannel email messaging client - and we couldn’t be happier with their work.

Linkedin
Shawn Cady
CPO & Co-founder at Clover

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline