apr. 2024

Telespor: Smart Livestok Tracking

Redesigning marketing website to reduce unnecessary support calls and modernize the brand presence.

Telespor website redesign shown on laptop and smartphone screens
Telespor website redesign shown on laptop and smartphone screens

apr. 2024

Telespor: Smart Livestoсk Tracking

Telespor's support team was spending hours on calls that a better website could have prevented. I redesigned it so users could find answers themselves.

Telespor website redesign shown on laptop and smartphone screens
Telespor website redesign shown on laptop and smartphone screens

Project Overview

client

Telespor AS, a Norwegian company specializing in cutting-edge electronic livestock tracking solutions.

The Problem

Telespor came to me for a visual refresh. But after talking with their customer support team, I found a deeper issue: users couldn't find basic information on the site — so they called instead. During peak season, the support team was overwhelmed with questions that a better website could have prevented.

The homepage didn't communicate what the product was. The support page was a wall of unstructured text. Users gave up reading and picked up the phone.

My role

UX/UI Designer and Frontend Developer

my work

I led a full-cycle redesign for Telespor’s website, focusing on usability, product visibility, and user engagement, from planning to launch on the Wix platform.

Who I Was Designing For

Insights collected from the Customer Support team identified key user pain points.

  1. Older, Tech-Limited Farmers

Needed more intuitive layouts and clear step-by-step guides

  1. Newer, Tech-Savvy Users

Expected concise, visually driven information

  1. First-Time Visitors

Often didn’t understand Telespor’s purpose upon arrival

Often didn’t understand Telespor’s purpose upon arrival

Olav Andersen, 70

Norwegian farmer

UX: 10 years

Tech: Limited

Bio

Olav, an experienced farmer, has used Telespor equipment for a decade. Despite limited tech skills, he values reliable tools and often needs assistance with digital platforms.

Goals

• Effortlessly manage and monitor livestock.

• Receive prompt and dependable support.

• Navigate a simple, intuitive website.

Frustrations

• Confusing navigation on complex interfaces.

• Overly complicated designs.

• Difficulty finding clear instructions and accessible help.

Optimized User Flow for Seamless Navigation

Most users were returning clients who already knew the product — they just needed to find information faster. So I kept the core flow familiar but restructured it around three main tasks: finding the product, booking a consultation, and accessing support.

Centralized Navigation

Focused on core actions – browsing products, booking, and accessing portals.

Streamlined Transitions

 Linear user flow designed to guide users smoothly from entry to task completion.

Cohesive Page Integration

Unified new pages (LoRaWan, Booking, Legacy) with a consistent design.

Scheme for introducing new pages into the website architecture
Scheme for introducing new pages into the website architecture
Scheme for introducing new pages into the website architecture

Structured Path to Product-Focused Design

I explored layout options to prioritize product visibility, enhance navigation, and guide users seamlessly to key actions.

Challenges
Solutions

Overloaded menu

Centralized menu for clarity

Overloaded menu

Centralized menu for clarity

Product not visible

Highlighted product in hero area

Product not visible

Highlighted product in hero area

No customer focus

Attention-grabbing banners

No customer focus

Attention-grabbing banners

First wireframe sketches for the website pages

Streamlining Workload with a Custom Booking

Telespor's consultation process had no structure — seasonal spikes overwhelmed the team and users didn't know what to expect.


I built a custom booking flow with calendar sync between Wix and Outlook, and a staff rotation schedule to distribute load evenly.

Custom-built booking flow showcasing an intuitive booking process

Custom-built booking flow showcasing an intuitive booking process.

Simplifying Process to Reduce User Confusion

During testing, users kept abandoning the booking form. The shopping cart interface — designed for product purchases — created confusion in a service context. I removed it entirely and replaced the Thank-You page with a simple confirmation.

During testing, users kept abandoning the booking form. The shopping cart interface — designed for product purchases — created confusion in a service context. I removed it entirely and replaced the Thank-You page with a simple confirmation.

Before

• Shopping cart added unnecessary steps.
Complex Thank-You page causing confusion.

After

• Removed the cart to simplify user flow.
• Simplified the Thank-You page for faster task completion.

Optimizing Mobile Access for User Needs

53% of Telespor's traffic came from mobile. I ran A/B testing on the header and found that users on mobile struggled to find the portal button — their primary destination. I added a persistent portal button to the header so returning users could reach it instantly without scrolling.

53% of Telespor's traffic came from mobile. I ran A/B testing on the header and found that users on mobile struggled to find the portal button — their primary destination. I added a persistent portal button to the header so returning users could reach it instantly without scrolling.

Screenshots of mobile screens of the new design pages on a green background
Always-On Portal Access

Added a portal button to the header to ensure users reach the portal instantly.

Screenshots of mobile screens of the new design pages on a green background
Always-On Portal Access

Added a portal button to the header to ensure users reach the portal instantly.

Screenshots of mobile screens of the new design pages on a green background
Always-On Portal Access

Added a portal button to the header to ensure users reach the portal instantly.

Faster and Simpler Mobile Navigation

The support page was the most problematic on mobile — users had to scroll through walls of unformatted text to find basic answers. I restructured it into expandable categorized blocks, added large tappable buttons, and used color to guide users to the right section.

The support page was the most problematic on mobile — users had to scroll through walls of unformatted text to find basic answers. I restructured it into expandable categorized blocks, added large tappable buttons, and used color to guide users to the right section.

A mobile screen shot of the customer support page before the redesign.
A mobile screen shot of the customer support page after the redesign.

Results

Key achievements of the Telespor redesign

-15% support response time

The support team reported a measurable drop in unnecessary calls within the first month.

-15% support response time

The support team reported a measurable drop in unnecessary calls within the first month.

+20% user engagement

The overall improvements in design and functionality have contributed to higher conversion rates.

+20% user engagement

The overall improvements in design and functionality have contributed to higher conversion rates.

Fewer support calls at peak season

Launched at the start of Norway's livestock tracking season. The support team reported a measurable drop in basic enquiries compared to the previous year.

Fewer support calls at peak season

Launched at the start of Norway's livestock tracking season. The support team reported a measurable drop in basic enquiries compared to the previous year.

Before and After

The support page was the core of the problem — and the most transformed.

Home Page

Product Page

Support Page

LoraWAN Page

Home

Product

Support

LoraWAN

Have a project in mind?

Available for freelance projects, full-time roles, and interesting collaborations. Based in Norway, working with clients worldwide.

Have a project in mind?

Available for freelance projects, full-time roles, and interesting collaborations. Based in Norway, working with clients worldwide.