helps customers integrate various Atlassian and monday.com solutions, optimising business processes
My Role
UX/UI Designer
Timeline
4 month
Tools
Figma
Team
Web Developer
Co-founder and Head of expertise
Published at
Read
7 minutes
Oct 28, 2024
Overview
3
Challenges
Client's wishes
Clarifying problem-solving: the previous version of the site lacks a clear structure outlining the specific problems that the company addresses
Incomplete platform info: no updated information about the new platform
Revised positioning: ToolsTrek is no longer just a partner of Atlassian and monday.com, but an independent IT consulting firm driving efficiency for clients.
Keep the original illustrations and colours.
Reduce the overall length of the site.
Simplify and improve navigation.
Make the design more approachable yet still professional.
When I first encountered ToolsTrek, words like trust, professionalism, organisation, simplicity, energy, and friendliness came to mind. These qualities would guide the redesign.
Target audience
Place: Europe, USA Sphere: retail, IT, finance, wholesale People: COO, Technical Director Motivation: business management problems Target: earn more and faster
Competitors
ToolsTrek occupies a unique space. While other Atlassian and monday.com partners exist, none focus on consultancy to elevate business operations. This positions ToolsTrek as a leader in its niche.
Sitemap
5
Redesign
6
Homepage
On the homepage, it was essential to highlight information that differentiates the company from its competitors and clearly communicates its value to customers. The core strength of ToolsTrek lies in its team of experienced specialists, dedicated to helping businesses achieve new heights.
With this in mind, I prioritized text and clarity over illustrations. I incorporated orbital motifs into the background to subtly represent the range of services and solutions the company offers. The result? A clean, dynamic design.
Homepage
Feature #1
7
Font
I switched from Roboto to Manrope. Both are sans-serif fonts, but Manrope’s rounded edges aligned better with the company’s modern logo, giving the site a clean, professional feel.
Font
Slide to see the difference 😉
Feature #2
8
Illustrations
The client provided over 100 custom illustrations, though none of the characters had faces. After reviewing studies showing that users connect better with illustrations that feature faces, I decided to add simple facial features to give the characters personality and improve their appearance.
Illustrations
Feature #3
9
Information Structure
The main focus is on the problems that ToolsTrek solves. I organised them into three categories and added an interactive toggle for convenience. Now, the problems have new, short, and clear titles instead of abstract questions
Information Structure
Home page comparison
10
Before / After
Before / After
The End
11
The full design & coded prototype
The site was built by a Web Developer on the Tilda platform. The final result can be seen by clicking on the button😊
The client expressed their satisfaction with our collaboration, with one of the co-founders leaving a positive review on LinkedIn.
Moving forward, we anticipate adding new platforms and further enhancing the site’s content and functionality, ensuring ToolsTrek continues to grow and engage more clients.
Lessons Learned
13
Reflecting on the project outcomes
The new ToolsTrek site launched in late October 2024 and is already positioned to attract 3-5 new leads per month—a significant improvement from the previous 0-1 client conversion rate.
This project gave me valuable experience in effective communication with the company founder, aligning on goals, collaborating closely with the developer, handling feedback and revisions, and meeting strict deadlines.
I’m especially proud that my work not only improved the interface and organized information for users but also had a direct, positive impact on the business outcomes.