- Client
СЦ "ВВК-СЕРВИС"/"VVK-SERVIS"
- Services
Design Concept, UX, UI, Research
- Launch project
Few words about “VVK-SERVIS”
“VVK-SERVIS” is the Gas Industry Service Centre based in the Krasnoyarsk region, Russia. It focuses on the professional installation of gas stoves and individual gas meters in apartments, bearing the entire range of warranty obligations for installation work. The company strives to provide exceptional service, expert appliance maintenance, and repair services all across Krasnoyarsk.
This organization is popular across the region and it remains the main competitor of a big government monopolist Joint Stock Company “Krasnoyarsk Krai Gas” for its higher ranking factor in the Yandex Search Engine.
This is the major serious redesign of the website since the 2010 version.
The experienced technicians of the service center are familiar with appliance servicing and repairs to an extensive range of brands and appliances. They could easily assist with washing machine repairs but their major focus goes on the installation of gas meters, gas and electric ovens, stoves, as well as warranty repairs.
About the Project
Well known, the online world is in constant flux. As technology advances, new trends catch on and old ones fall by the wayside. A redesign becomes necessary at some point.
This project was devoted to a site overhaul. The core purpose was to transform the site into a functional web service.
The redesign was required to fix UX problems, not just make changes.
Goals for the new site version UI wise (“design the user interface in a way to make it comprehensible and controllable, helping users to complete their tasks successfully and efficiently, and to feel competent and satisfied”):
– overhaul the entire look, make it minimalistic, consistent, intuitive, simple, concise, unambiguous, and responsive;
– create the design system to make future updates painless, re-shape the product faster, ensure consistency across the team, share the same language, make it easier to work with for developers.
Goals for the new site version – UX wise (“design to meet expectations, reach high efficiency, respond to user needs and to convert”):
– keep any written content as simple and concise as possible;
– place the most important content (sales language, CTAs, etc.) near the top where users will see it immediately;
– introduce new functionality to help users meet their goals and needs, for better consumption and conversion;
– create more entry points to begin the relationship with potential customers (in our case through the contact form, “ask your question/write to us/leave a feedback” form, “make an inquiry/leave a request for a service” form);
– leverage user engagement and retention by adding a “thank you” page to the flow to make it beneficial for the users as well as for the business. Let it marks a pivotal moment in the customer journey. Thank you page might be a bridge to some relevant articles/news/services as well as ask for referrals (can turn into a great source of revenue);
– work on a thin line between engaging and enraging when it comes to a site’s errors. Optimize the 404 error page (the most neglected) for higher conversions.
A 404 page is an opportunity to express the brand and leave visitors with value instead of frustration.
Fine-tuned interface and new experience
(Mobile viewport)
Homepage example of guiding users to important CTAs
- CTAs eye-catching design;
- Clearly communicated value through well-written copy, that inspires action
Block/Module Design – Designing by segments
- Page layout designs can vary with minimum effort
- Building modules is more cost and time-efficient
- Block design is more flexible
Having different modules ensures a scalable website, no matter what you have to add or remove. The use of block design means businesses can opt for websites that are more affordable and quick to launch but can be easily modified to suit user needs.
Introducing New Functionality
✌️The Detailed Service Page – preliminary cost formation of the required services by selecting needed services from the list (The services selection function is available if there are more than 1 service in the list)
✌️The Service Inquiry Form (Send Your Inquiry” page contains a form with “preorder”, which is required to be filled out by the user before clicking on “sending a service request” CTA. One of the most interactive and functional pages. The inquiry should be qualified to become a lead that could potentially result in a sale. More are the quality leads we garner, more are the chances we will reap huge profits)
✌️The Thank You Page – building micro-bridges (This page has the prowess to encourage prospects to take any other desired actions on the website than just accepting the acknowledgment. All to facilitate the engagement)
✌️The FAQ Page (Swiping to the side horizontal scrolling allows users to see either all FAQs or FAQs within a certain thematic. Accessibility, findability, effective categorization are important for this page. Dropdowns conserve screen space and let users access the supporting material without the page reload)
✌️The Blog (The mission here was to create simple, efficient, and uncomplicated blog pages without “much bells and whistles”. The title section is engaging with an image, but simple enough to keep the user reading on. The read time incorporated so users know what type of reading commitment to expect. The large margins help users easily skim the content line-by-line without feeling overwhelmed. The parent blog page accumulates 3 main categories and smartly depicting the most relevant stories from each category using horizontal swiping. Large margins, minimal color contrasts, and efficient calls-to-action are incorporated for minimalist design feeling)
✌️News (The most important is to keep users quickly acknowledged with recent announcements by gaining their attention with simple list views. The news with gradient headers is “brief” ones. Such news doesn’t have a detailed page. Users scan the information on the fly. The news with Azure header has detailed pages, that is why an additional “read more” link appears on the bottom right corner. This is for the customer convenience since the service center use to publish a lot of important but short announcements)
End Result
(Mobile viewport)
And the end result is a better experience for users and customers. They reap the benefits of well-built features, increasing the efficiency, and the practicality of the services. At the end of the day, the goal is to offer an enjoyable experience and let users willing to return.
