Project Overview
client
Telespor AS, a Norwegian company specializing in cutting-edge electronic livestock tracking solutions.
Objective
• Refresh the look and feel to align with Telespor’s innovative and friendly brand identity.
• Provide clear product information so users can help themselves instead of calling.
• Streamline the site’s structure, making it easier for visitors to find exactly what they need.
• Enable Telespor’s support team to update pages without coding, improving agility and reducing bottlenecks.
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.
Identifying User Challenges
Users weren’t finding self-help info, so they kept calling Telespor support which slowed down the department's work and affected sales.
Challenges
• Confusing navigation
• Missing clear product details
• Visual design didn’t match brand idea.
Solution
• Redesign layout
• Add missing pages
• Clarify product details
• Reorganize support info
Primary User Assessment
Insights collected from the Customer Support team identified key user pain points.
Older, Tech-Limited Farmers
Needed more intuitive layouts and clear step-by-step guides
Newer, Tech-Savvy Users
Expected concise, visually driven information
First-Time Visitors
These recurring pain points shaped our user personas and drove the need for a more direct, user-friendly redesign.
Optimized User Flow for Seamless Navigation
Since most of the company’s users are returning clients, I aimed to keep the core flow familiar, but more streamlined for clear task completion.
Structured Path to Product-Focused Design
I explored layout options to prioritize product visibility, enhance navigation, and guide users seamlessly to key actions.
This structure ensures products are visible first, navigation is intuitive, and banners guide users effectively to key actions.
Streamlining Workload with a Custom Booking
A custom-built booking system for online consultations addressed seasonal demand and simplified scheduling through intuitive design.
Challenges
• Seasonal workload spikes
• Unnecessary bookings cluttered processes
• Lack of intuitive process for users
Solutions
• Staff rotation schedule was created
• Calendar sync. between Wix and Outlook
• Custom booking flow ensured clarity
Custom-built booking flow showcasing an intuitive booking process.
Design Decisions
The design reflects the client’s vision for a modern and joyful look while embracing their connection to nature and love for animals.
Typography
Color palette
Simplifying Process to Reduce User Confusion
User feedback indicated that complex options confused users, leading to friction in completing bookings.
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
After A/B testing, I prioritized functionality by making key navigation tools more accessible:
Faster and Simpler Mobile Navigation
The original text-heavy pages led to excessive scrolling, making navigation challenging on mobile.
Key Updates:
Results
Key achievements of the Telespor redesign
Before and After
Results of the transformation of the main pages in comparison
Lessons Learned
Key takeaways from the project