Skills assessment platform

Skills assessment platform
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

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

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.

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.

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.

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.

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

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

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.

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

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

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

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

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

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

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.

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us