Product DESIGN
Makreting website
Redesigning the Marketing website of Flexiple.
Redesigning the Marketing website of Flexiple.
Project Overview
Project Overview
This was very first project of mine in Flexiple where I need to design Flexiple's website include 20+ unique webpages across the whole website.
This was very first project of mine in Flexiple where I need to design Flexiple's website include 20+ unique webpages across the whole website.
Objective
Objective
As Flexiple experienced growth in both talent registrations and client base, the time came for a website redesign. The platform needed a modern, professional appearance that would highlight their expertise in tech hiring. The redesign project had the following goals and objectives:
🎯 Develop a basic design system to establish the website's visual language.
🎯 Share the design system with development and content teams.
🎯 Create consistent web designs across more than 20 pages.
🎯 Ensure mobile responsiveness for all pages.
As Flexiple experienced growth in both talent registrations and client base, the time came for a website redesign. The platform needed a modern, professional appearance that would highlight their expertise in tech hiring. The redesign project had the following goals and objectives:
🎯 Develop a basic design system to establish the website's visual language.
🎯 Share the design system with development and content teams.
🎯 Create consistent web designs across more than 20 pages.
🎯 Ensure mobile responsiveness for all pages.
Old Webdesign
Old Webdesign
Problems found
Problems found
Therefore they decided to revamp the Web design of the Flexiple.com to a more modern & professional look which also showcased their professionalism in their tech hiring expertise.
❎ Outdated Designs.
❎ A proper content strategy was missing.
❎ Lack of cohesive design language in the whole website.
❎ No proper focus on CTAs for better conversions.
Therefore they decided to revamp the Web design of the Flexiple.com to a more modern & professional look which also showcased their professionalism in their tech hiring expertise.
❎ Outdated Designs.
❎ A proper content strategy was missing.
❎ Lack of cohesive design language in the whole website.
❎ No proper focus on CTAs for better conversions.
Approach
Approach
Due to above factors, they decided to revamp the Web design of the flexiple.com to a more modern & professional look which also showcased their professionalism in their tech hiring expertise.
The theme for this website design was kept dark just like the previous design style but with addition of gradients. The idea was to have main theme color as dark but the typography & other elements had a techy & modern touch. Overall the website design also focused on information architect & content readability.
Due to above factors, they decided to revamp the Web design of the flexiple.com to a more modern & professional look which also showcased their professionalism in their tech hiring expertise.
The theme for this website design was kept dark just like the previous design style but with addition of gradients. The idea was to have main theme color as dark but the typography & other elements had a techy & modern touch. Overall the website design also focused on information architect & content readability.
Deliverables
Deliverables
Therefore they decided to revamp the Web design of the Flexiple.com to a more modern & professional look which also showcased their professionalism in their tech hiring expertise.
✅ Low-fidelity Design
✅ High-fidelity Design
✅ Basic Design System
✅ Website graphics
✅ Testing
Therefore they decided to revamp the Web design of the Flexiple.com to a more modern & professional look which also showcased their professionalism in their tech hiring expertise.
✅ Low-fidelity Design
✅ High-fidelity Design
✅ Basic Design System
✅ Website graphics
✅ Testing
Designs
Designs
Get a sneak peak at the designs of Flexiple.com ⬇️
Get a sneak peak at the designs of Flexiple.com ⬇️
Design System
Design System
With new designs in actions, we required a Design system for sure!
Here’s are all the components created in the Design system
1. Colors
2. Typography
3. Spacings
4. Iconography
5. Buttons
6. Forms & input fields
7. Pills
8. Tags
9. Tabs
10. Breadcrumbs
….. and many more.
Click here to go and see full case study on the Design system.
With new designs in actions, we required a Design system for sure!
Here’s are all the components created in the Design system
1. Colors
2. Typography
3. Spacings
4. Iconography
5. Buttons
6. Forms & input fields
7. Pills
8. Tags
9. Tabs
10. Breadcrumbs
….. and many more.
Click here to go and see full case study on the Design system.
Collaboration
Collaboration
Content Marketing Team
Collaborated with the Content Marketing Team for content structure of the website copy, Case studies & Blogs.
Development Team
Collaborated with the Development Team to userstand the working & the limitation of the AI model & parsing models and optimise the login flow for each error cases of parsing.
Business Impact
Business Impact
~14.5%
Inc. in montlhy
signups
More talent signing up each month thanks to our better website design.
~10%
inc. in Average
Time on Page
Visitors now stick around longer to check out what we offer.
~12%
Reduction in
AvG bounce rate
Fewer people leaving right away - they're actually staying to explore!
Future Scope
Future Scope
This being the very first project of mine in Flexiple and it taught me a lot about Design direction, Design system, Collaboration & testing.
No doubt I’m proud of it but I still feel there are certain improvements that can be done in future.
- Change the font’s and in blogs and other such long form content pages (already in progress).
- Use Semantic Design system.
This being the very first project of mine in Flexiple and it taught me a lot about Design direction, Design system, Collaboration & testing.
No doubt I’m proud of it but I still feel there are certain improvements that can be done in future.
- Change the font’s and in blogs and other such long form content pages (already in progress).
- Use Semantic Design system.
Next Case Study
Next Case Study
The sorcery book:
Working on my first ever Design system at Flexiple.
Product DESIGN
Product DESIGN
Aa
The sorcery book:
Working on my first ever Design system at Flexiple.
Aa
Design system
