Skills assessment platform

Skills Assessment Platform - Marketing website design - To showcase the design of the marketing website for Toggl Hire, emphasizing its visual appeal and user-friendly layout
Project overview

Marketing website design and Webflow development for Toggl family product - Toggl Hire. A recruiting tool that automatically screens candidates' abilities for the job as a first-pass filter.

The skills-first recruitment platform that helps to hire teams screen, assess, shortlist and hire the best person for the job.

Tasks
  • Website redesign based on the new brand visual line
  • Collaborate with Toggl Hire marketing team, create different concepts, and do A/B testing to improve conversion
  • Design a set of custom illustrations that represent the product features
  • Implement all the new designs via Webflow
Tools
Figma
Figma
Webflow
Webflow
Solutions
Outcome

A new brand-aligned website with structured content, clear CTAs, best-performed conversion based on A/B testing, and optimized for mobile devices.

Solutions

Website redesign

The overall website was aligned with a unique style and created a bunch of different sections that explain a massive set of functionality in a structured way with clear CTAs.

Website Redesign - Comprehensive style alignment - To align the entire website with a unique style, ensuring a cohesive look and feel across all pages
Website Redesign - Comprehensive style alignment - To align the entire website with a unique style, ensuring a cohesive look and feel across all pages

Website redesign

The overall website was aligned with a unique style and created a bunch of different sections that explain a massive set of functionality in a structured way with clear CTAs.

Website redesign

The overall website was aligned with a unique style and created a bunch of different sections that explain a massive set of functionality in a structured way with clear CTAs.

Website Redesign - Comprehensive style alignment - To align the entire website with a unique style, ensuring a cohesive look and feel across all pages

Website redesign

The overall website was aligned with a unique style and created a bunch of different sections that explain a massive set of functionality in a structured way with clear CTAs.

Website Redesign - Comprehensive style alignment - To align the entire website with a unique style, ensuring a cohesive look and feel across all pages

Website redesign

The overall website was aligned with a unique style and created a bunch of different sections that explain a massive set of functionality in a structured way with clear CTAs.

Website Redesign - Comprehensive style alignment - To align the entire website with a unique style, ensuring a cohesive look and feel across all pages

Product template

We created a product page template to show all the platform's features and easily add new features once the platform releases them. Added ability to manage this from Webflow easily.

Website Redesign - Modern design elements - To incorporate modern design elements that appeal to the target audience and reflect current design trends
Website Redesign - Modern design elements - To incorporate modern design elements that appeal to the target audience and reflect current design trends

Product template

We created a product page template to show all the platform's features and easily add new features once the platform releases them. Added ability to manage this from Webflow easily.

Product template

We created a product page template to show all the platform's features and easily add new features once the platform releases them. Added ability to manage this from Webflow easily.

Website Redesign - Modern design elements - To incorporate modern design elements that appeal to the target audience and reflect current design trends

Product template

We created a product page template to show all the platform's features and easily add new features once the platform releases them. Added ability to manage this from Webflow easily.

Website Redesign - Modern design elements - To incorporate modern design elements that appeal to the target audience and reflect current design trends

Product template

We created a product page template to show all the platform's features and easily add new features once the platform releases them. Added ability to manage this from Webflow easily.

Website Redesign - Modern design elements - To incorporate modern design elements that appeal to the target audience and reflect current design trends

Pricing page

We created the design of the company's main pricing plans and identified key functions. We also compared all price plans in the table to show their differences.

Pricing Page - Main pricing plans design - To showcase the design of the company's main pricing plans, clearly presenting the options available
Pricing Page - Main pricing plans design - To showcase the design of the company's main pricing plans, clearly presenting the options available

Pricing page

We created the design of the company's main pricing plans and identified key functions. We also compared all price plans in the table to show their differences.

Pricing page

We created the design of the company's main pricing plans and identified key functions. We also compared all price plans in the table to show their differences.

Pricing Page - Main pricing plans design - To showcase the design of the company's main pricing plans, clearly presenting the options available

Pricing page

We created the design of the company's main pricing plans and identified key functions. We also compared all price plans in the table to show their differences.

Pricing Page - Main pricing plans design - To showcase the design of the company's main pricing plans, clearly presenting the options available

Pricing page

We created the design of the company's main pricing plans and identified key functions. We also compared all price plans in the table to show their differences.

Pricing Page - Main pricing plans design - To showcase the design of the company's main pricing plans, clearly presenting the options available

Creatives

During the design process, we've crafted a bunch of different icons and illustrations to better represent product features visually.

Creatives - Custom illustrations for product features - To showcase the unique illustrations crafted to visually represent various product features
Creatives - Custom illustrations for product features - To showcase the unique illustrations crafted to visually represent various product features

Creatives

During the design process, we've crafted a bunch of different icons and illustrations to better represent product features visually.

Creatives

During the design process, we've crafted a bunch of different icons and illustrations to better represent product features visually.

Creatives - Custom illustrations for product features - To showcase the unique illustrations crafted to visually represent various product features
Creatives - Enhancing user understanding - To represent how the custom icons and illustrations improve user understanding of product features

Creatives

During the design process, we've crafted a bunch of different icons and illustrations to better represent product features visually.

Creatives - Custom illustrations for product features - To showcase the unique illustrations crafted to visually represent various product featuresCreatives - Enhancing user understanding - To represent how the custom icons and illustrations improve user understanding of product features

Creatives

During the design process, we've crafted a bunch of different icons and illustrations to better represent product features visually.

Creatives - Custom illustrations for product features - To showcase the unique illustrations crafted to visually represent various product featuresCreatives - Enhancing user understanding - To represent how the custom icons and illustrations improve user understanding of product features

Responsive

Tablet and mobile versions we made directly in Webflow to save design time.

Responsive - Consistent user experience across devices - To represent the consistent user experience ensured across tablet and mobile devices
Responsive - Consistent user experience across devices - To represent the consistent user experience ensured across tablet and mobile devices

Responsive

Tablet and mobile versions we made directly in Webflow to save design time.

Responsive

Tablet and mobile versions we made directly in Webflow to save design time.

Responsive - Consistent user experience across devices - To represent the consistent user experience ensured across tablet and mobile devices

Responsive

Tablet and mobile versions we made directly in Webflow to save design time.

Responsive - Consistent user experience across devices - To represent the consistent user experience ensured across tablet and mobile devices

Responsive

Tablet and mobile versions we made directly in Webflow to save design time.

Responsive - Consistent user experience across devices - To represent the consistent user experience ensured across tablet and mobile devices
No items found.

Outcome

A new brand-aligned website with structured content, clear CTAs, best-performed conversion based on A/B testing, and optimized for mobile devices.

Linkedin

Linkedin

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline