TraceSafe — a solid design for the leading provider of IoT solutions

time icon
2024
Information technology
arrow scroll icon
scroll
No items found.

{{problem}}

{{services-provided}}

Background

About the client

TraceSafe is a leading provider of Internet of Things (IoT) solutions that revolutionize large-scale industrial and enterprise operations. They offer an award-winning analytics platform along with various unique wearables and industrial-grade sensors. The company offers advanced IoT hardware solutions using low-power Bluetooth beacons and proprietary software, which enables safer, efficient, and sustainable enterprise environments. Trusted by leading organizations worldwide, TraceSafe operates in different industries, such as healthcare, hospitality, construction, events, education, and government sectors.

{{GO TO WEBSITE}}

Client’s results

The global IoT market was valued at about $300.3 billion in 2021 and is expected to reach around $650.5 billion by 2026, with a growth rate of 16.7% annually. TraceSafe also contributed to these numbers. By using cutting-edge technology, the company has achieved remarkable results, and their ambitions continue to extend beyond this point.

<div class="case__rich-result">
<ul>
<li>$13M Revenue in 2021</li>
<li>249.18% Monthly Visits Growth</li>
<li>6 Industries Served</li>
</ul>
</div>

UX/UI solutions

Website design features

When crafting the TraceSafe website we tried to align it with the dynamic IoT industry and embody a heightened sense of sophistication. Understanding the importance of attracting business-oriented individuals, we focused on creating a captivating online presence that would resonate with company’s preferred target audience.

The user interface was carefully structured to provide seamless navigation and a streamlined user experience, enabling visitors to easily explore the range of cutting-edge IoT solutions offered by TraceSafe. Moreover, the website had to serve as a point of reference for the sales team when it comes to products and solutions. With this in mind, we designed it to provide comprehensive information, empowering the sales team to access detailed product specifications and relevant resources.

Premium tone

Branding for a new target audience

To effectively engage a new target audience of mid to senior-level executives in mid-large scale organizations, we crafted a branding strategy that exudes a premium tone.

{{steps}}

Our branding approach aimed to enhance the client’s online visibility and engage essential stakeholders. Every element was meticulously crafted to align with the preferences and values of the TraceSafe’s audience, effectively differentiating the company from competitors.

Bonus inserts

Graphic patterns and icon styles

We developed two distinct icon styles for TraceSafe: a minimalistic style with clean lines and colored elements, and a detailed style for visualizing complex information. The graphic patterns incorporate circles and ellipses radiating from the center, with Stone Gray for light backgrounds and Jade Green for dark backgrounds. The combination of these elements adds versatility and visual interest to TraceSafe’s brand, facilitating effective and engaging communication across various platforms and backgrounds.

Final line

Successful undertaking

We created a user-friendly interface for TraceSafe, allowing easy exploration of their IoT solutions. To capture the attention of mid to senior-level executives in mid-large scale organizations, we developed a branding strategy with a premium tone.

Through our rebranding efforts, TraceSafe now possesses an online presence that reflects their industry expertise and resonates with their target audience, setting them apart from competitors and positioning them for continued success in the dynamic IoT market.

What’s a Rich Text element?

What’s a Rich Text element? sdffgdfgfghfgh

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • Sdfdfg
  • Dfgdfgfdg
  • dfgdfgfd
  • Dfgdfg

dfgdf gdfg dfgdfgidfgiudf gdf ugidfugidf ugid

  • dfgfdg
  • dfgdfg
    dghjghj
  • dfgdfg
  • dfgdfg

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  1. 01 dfgdfgd
  2. 01 dfgfdg
  3. 01 dfgdfg
  4. 01 dfgdfg

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
GreenBiz
get in touch
get in touch

Problem

TraceSafe’s rebranding aimed to reflect how the company has evolved over time, helping them to adapt to a new target market. This involved a complete rebranding and conceptual redesign to attract a business-oriented audience.

Solution

Our team conducted a rebranding and redesign for the client’s landing page, showcasing their new products in line with market trends. We also improved sections for financials and press releases to facilitate investor access to crucial information.

dfgdfgdfg

The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.

sdfsdfsdfsdfdg

The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.

Services we provided

Branding
Branding
UX/UI design
UX/UI design
TIME FRAME:
3 month

Technologies used

No items found.
No items found.
No items found.
No items found.
No items found.

To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:

  • 01Through the simple page with a brief registration form and an image of a unit’s exterior.
  • 01Through the simple page with a brief registration form and an image of a unit’s exterior.

To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:

Results in numbers

Once we had developed the configurator and Mighty Buildings concluded the lengthy closed beta testing, they launched their product publicly, raising $40 Million in Series B Funding. And they haven’t stopped there — during the subsequent funding campaigns, they’ve raised more than $100M from leading investors, including Khosla Ventures and Arctern Ventures.

  • $40M
    Raised in series B Funding
  • $40M
    Raised in series B Funding
  • $40M
    Raised in series B Funding

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

01

Our logo design showcases a tree emerging from the ground, symbolizing growth and progress, aligning with TraceSafe's commitment to innovative solutions and breakthroughs.

02

The carefully selected color palette, consisting of Jade Green, Dark Green, and White, creates a distinctive and premium feel while evoking a sense of abundance and strength.

03

To maintain a modern and elegant aesthetic, we employed the versatile Inter font, striking a balance between professionalism and approachability

Redux and Redux-saga

To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.

The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga

Redux and Redux-saga

To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.

The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga

Client’s feedback

ings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Alex
Coo

Halo Lab has done a wonderful job supporting us with our branding efforts. They are quick, responsive, and easy to work with. We are excited to keep working with the Halo team on many of our future projects.

Volodymyr Kustlyvy
Marketing Manager at TraceSafe

Have a similar project or idea? Let's discuss the details.

Ready to discuss
your project with us?

Please, enter a valid email
By sending this form I confirm that I have read and accept the Privacy Policy

Thank you!
We will contact you ASAP!

error imageclose icon
Hmm...something went wrong. Please try again 🙏
SEND AGAIN
SEND AGAIN
error icon
clutch icon

Our clients say

The site developed by Halo Lab projected a very premium experience, successfully delivering the client’s messaging to customers. Despite external challenges, the team’s performance was exceptional.
Aaron Nwabuoku avatar
Aaron Nwabuoku
Founder, ChatKitty
Thanks to Halo Lab's work, the client scored 95 points on the PageSpeed insights test and increased their CR by 7.5%. They frequently communicated via Slack and Google Meet, ensuring an effective workflow.
Viktor Rovkach avatar
Viktor Rovkach
Brand Manager at felyx
The client is thrilled with the new site and excited to deploy it soon. Halo Lab manages tasks well and communicates regularly to ensure both sides are always on the same page and all of the client’s needs are addressed promptly.
Rahil Sachak Patwa avatar
Rahil Sachak Patwa
Founder, TutorChase