Selection of target, technological and stylistic analogues;
Clarification of the technical requirements for site development;
Definition of the site design strategy;
Definition of requirements for the site’s functionality and content;
Creation of a new site architecture and analysis of user interaction paths with the site;
Development of the identity and proposal of alternatives to graphic elements;
Creation of site wireframes and proposal of alternatives for the layout of individual pages;
Site layout in Tilda; adaptation for mobile devices;
Conducting testing and correcting design flaws based on the results.
Analysis of site conversion metrics
Improve the user experience
Develop a new corporate style and design the site in accordance with it
Increase the site’s conversion rate
Design an authorization system for obtaining membership
Tasks
goals
Outdated website design
Confusing navigation, irrelevant information
The logical structure of the site is poor; there’s a lot of unnecessary content in the header
Lack of emotional communication and a company image
Information is poorly perceived when adapted for screens
The logo is too detailed and unreadable
PROBLEMS OF THE OLD SITE
Abt company
UX/UI
golf club
research
redesign
site
C2B
Tilda
Industry:
The user path was improved by refining the logical structure of the site which increased conversion. The site header is now user‑friendly and helps with navigation. The pages have a logical structure that connects them to each other.
The identity has become more recognizable, natural and interesting. The visual design of the site is now harmonious and helps users navigate the site more effectively.
which improved navigation, structure and defined the main functions of the site
2
Studying user paths
Pre‑project research
1
3
Market analysis and target audience segmentation
Analysis of the old structure and creation of a new convenient one
With adaptation
At this stage, several options for the website structure were proposed. A drawing was created for the approved version indicating all navigation and animation elements.