CASE: UX/UI design of aggregator underfloor heating
To create a convenient underfloor heating aggregator suitable for both installation professionals and ordinary users.
STAGES OF WORK
Before starting work, I take into account all the comments and requirements of the customer, and also work with objections and understanding the market.
Assessment and analysis of requirements
Before starting work, I will definitely find out the capabilities of programmers and stack on which the project works or will work.
Getting to know the team and the stack
Market assessment and competitor assessment. A detailed analysis with a presentation of the strengths and weaknesses, as well as features of the strongest competitors.
Market analysis, participants and target audience
If this is a finished project, then I will definitely conduct research: in-depth interviews and processing statistical information.
UX (User Experience) Analysis
Before starting development and design, it is necessary to describe and display the main flow (paths) of the user in flowcharts.
Compiling a User Flow (User Path)
In fact, this is the creation of a site skeleton based on the User Flow built earlier. Sketches are quickly created, they are easy to edit and initially test.
Creating a Wireframe (Project Wireframe)
Applying design and improving the user interface, working out small details, such as shadows or gradients.
UI design and prototyping
Testing can be carried out both at stage 4 and at stage 8 - on the finished design. Depends on the goals and objectives of the project.
After testing, i need to analyse the data and process it to select the most successful design or proofreading and validate the testing.
Analytics and data statistics
Competitor analysis allows you to track market-specific trends and focus the user's attention on important details
Focus on categories. Key categories take up 80% of the main page.
Competitors present brands. The user must understand that it turned out to be on the right site.
The behavior of non-professionals was investigated. For such people, a convenient calculator was created - the selection of warm floors. It will help them make the right choice due to the lack of necessary competencies.
ROLES IN THE PROJECT
A qualified specialist who is engaged in the purchase and installation of underfloor heating.
A person who makes repairs and independently decided to choose a warm floor.
Studying the target audience is necessary in order for the service to meet all the needs and requests of users. You should also study the user experience in depth.
Focus on key categories
Develop a cost calculator
Develop and implement online selection of underfloor heating
Make the main page as aggregator
User paths are needed to calculate all possible options. Screens based on user flows.
The grid helps to create a basic structure, a skeleton of "invisible" lines, on which design elements lie. This links them into a common system and rationally supports the composition.
The wireframe is necessary for the implementation by the customer and the performer on exactly how the screens interact with each other, and not on how they look.
FEATURES: TWO TYPES OF A/B TESTING CALCULATOR
A simple one page calculator that asks for input.
Calculator in the form of a quiz for 4 stages with the opening of the lead form.
Дизайн для десктопа
Компьютерная версия соответствует поставленным целям и задачам, а также способствует увеличению заказов для двух основных групп целевой аудитории.
The computer version meets the set goals and objectives, and also contributes to an increase in orders for the two main groups of the target audience.
The atomic approach makes it easy to make changes to the entire design. A design built from components can quickly change.
Components and UI KIT
The mobile version meets the set goals and objectives, and also helps to increase orders for the two main groups of the target audience.
Make an offer
By clicking the "Submit" button, you agree to the personal data processing policy.
Ready for challenging tasks
I am considering various options and forms of cooperation