UX
Make the structure more clear
Improve the navigation
UX
UI
Convey the main company message better
UI
Grab the attention of visitors
• Quality
• Focus on trust
• Tech-savvy approach
• Customers as a priority
• The future is now
Company values
FROX has clients from various industries: Public Transportation, Telecommunications, Insurance, Utilities, Sports, IT Services, and others.
Decision-makers: Mostly men, aged 35+, with a deep understanding of IT or experts in the business sphere.
Target audience
• Inform customers and prospects
• Showcase brand position
• Generate leads through
e-books and other content
The main purpose of the website
Success criteria
• Customers stay on the website longer
• Customers are more informed to make a decision
• The company generates more leads
We help to make work easier for companies. Digital transformation instead of digital chaos.
The main message of the website
UX
The website structure became very clear
Better navigation
UX
UI
The website conveys the company message
UI
The new website is more attractive for customers
Website redesign for FROX AG
UX/UI design | Illustrations & motion design | Frontend/Backend development
1/6 About Company
About FROX
FROX is an expert in IT Services Management and Digital Transformation. The company helps businesses strengthen their brand through customer experience improvement, digitalization, productivity increase, and more.
FROX's goal is to make the work in companies easier for everyone.
What FROX offers
The company provides its clients with consulting services, solution and system integration, operation, and support as well as the development of customer-specific IT applications. Furthermore, FROX distributes its own products worldwide.
As part of the Noser Group, FROX is present on the Swiss market for more than 20 years.
1 Goals
Goals and redesign reasons
2 Research
Initial research
Our UX research was based on a detailed brief provided by the company.
3 Research
User Journey
To identify the ways for the user to achieve their goals quickly and easily, we created a user journey.
4 User Experience
Sitemap
The company provided us with an initial version of the sitemap. We revised the existing sitemap and provided a better solution.
5 User Experience
Navigation
To find the best solution we designed and tested 3 different options of the website menu.
6 User Experience
Prototypes
7 User ExperienСE
Low-fidelity
prototype
At the UX stage, we developed a clickable prototype. This enabled us to test the website functionality even before the visual design stage.
The low-fidelity prototype provided the client with a bird's eye view on the project at a stage when changes were much easier to implement.
8 User Interface
Design System
After designing a few visual sketches we started to develop a design system (styles/elements library) to ensure consistency across designs. Plus, the design system will simplify the development of new pages in the future.
Colours
The main FROX brand colour is blue.
The client preferred to have additional colours for the website to look more lively.
Interface elements
9 User Interface
Illustrations
We used illustrations as a tool to create a friendly user experience. The illustrations help to explain complex terms and to add an emotional component.
As a part of the FROX brand system, the illustrations are meant to convey the brand message 'FROX makes the work in companies easier for everyone'.
10 User Interface
Fully interactive
prototype
At the UI stage, we created a full-colour prototype with sample content, copy, images, and functionality. This stage is very important to reflect on what the final experience will look like to a prospective user.
11 results
Results
Project Team
Tanya Kovtun
Maryna Mukhina
Oleksandr Rykov
Daria Railian
Content management
UX/UI/Illustrations
Illustrations
Illustrations
Bogdan Marchenko
Vlad Tischenko
Stepan Evseenko
Dimitriy Tolmachev
Front/Backend dev.
Frontend dev.
Quality Assurance
Project management
