NAIL CARE WITH
MARINA PRUS –
PROVIDING ONLINE COURSES TO ELEVATE EXPERTISE
I boosted course sales sevenfold by designing and developing
a Tilda website. I integrated two payment systems, improved information organization and payment convenience,
leading to increased sales for the business.
1
Role
Timeline
Resulted in 7-fold increase in course sales
Product Designer & Developer
10 mos. (April 2023 – Present)
Core Responsibilities
User Research,
Product Design, Tilda Development
Tools
Figma, User Interviews, Usability Testing, A/B Testing, Human Interface Guidelines, Tilda, Miro
PROBLEM
People who initially show interest in purchasing Marina's courses lose that interest when they are redirected to her Instagram account for more information and to make a purchase.
People who initially show interest in purchasing Marina's courses lose that interest when they
are redirected to her Instagram account
1.1. User Flow Diagram (First Step – Instagram Ac.)
During client interviews, it was found that many individuals, especially those who contacted Marina through personal channels like Telegram or WhatsApp, were very interested in her courses. However, this interest declined when they were redirected to her Instagram account for more information and to make a purchase.
Marina Prus, a well-known nail care professional in Belarus, creates high demand for her courses through social media and professional lectures. Despite generating interest, the conversion rate remains consistently low.
To understand the user's journey from discovering the course to purchasing it, I interviewed the client and explored Marina's Instagram account. As a result, I developed two diagrams showing the user journey
based on whether it starts from the Marina's Instagram account (1.1) or social networks (1.2).
1.2. User Flow Diagram (First Step – Social Networks)
RESEARCH
To gain a comprehensive understanding of the reasons that lead users to change their minds about purchasing the course, I conducted exploratory interviews with 31 participants who initially expressed interest but later changed their minds for various reasons.
  • Unorganized Information: Critical details influencing the decision to purchase are scattered across Marina's Instagram account, lacking a cohesive structure. This issue was highlighted by 19 participants as a significant obstacle
  • Trust Concerns: The absence of legal agreements raises trust issues, impacting the confidence of potential buyers.
  • Payment System Challenges: Out of 31 participants, 15 reported unsuccessful attempts to pay for the course despite using multiple cards (all 15 participants were from the EU). Additionally, all participants expressed interest in a fee-free payment system, as bank transfers were the only method available at the time of research.
Potential customers are facing challenges navigating Marina's Instagram page to find essential course information and encountering payment INCONVENIENCES
The client's Instagram account, which served as the primary tool for course sales
Through interviews with 26 attendees at an outdoor masterclass in St.Petersburg, we discovered that only 3 were able to buy a course via Instagram. Others encountered obstacles due to sanctions affecting the functionality of Instagram within Russia.
Buyers from SOME COUNTRIES are currently unable to purchase the courses
I decided to start with user interviews for two main reasons. First, interviewing multiple users helps me identify patterns and common themes in their responses, which can help prioritize issues to address. Second, insights from these interviews can inspire ideas for improving Marina's page and addressing the reasons for user drop-off.
Conducting interviews I used the categories of questions those were divided into 6 categories (2.1): open discovery questions, understanding user activities, etc. Using different categories of questions helps me to cover various aspects of the user's experience comprehensively, from their initial discovery of the course to their specific interactions with the information on Marina's page.
2.1. Selected Questions used for the User Interview
Goals
The website aims to present comprehensive details coherently, allowing users to gain a holistic understanding of our products through a simple scroll-down experience. This strategy focuses on attracting and converting new users into customers, extending the reach to those without access to Instagram, thereby boosting sales.
  • Versatility: Ensure a seamless and equally enriching product exploration and purchase process for both smartphone and desktop users.
  • Low Effort Exploration: Minimize the need for users to click through numerous pages to access course information and make a purchase.
  • Legal information: By incorporating legal information on the website, we aim to provide users with enhanced protection throughout the entire process, from making payments to using our products. Clear and comprehensive legal details contribute to a transparent and trustworthy environment, fostering confidence and ensuring a secure experience for our users.
Design a user-friendly website, optimized for both desktop and mobile, with an intuitive structure that facilitates easy navigation for users seeking information about the courses
The client's Instagram account, which served as the primary tool for course sales
Survey to gain a comprehensive understanding of the entire course-purchasing journey
Informed by user research, the design framework adheres to the following principles:
By integrating a reliable payment method, we aim to enhance the overall user experience, fostering positive interactions with our product. This improvement not only ensures a hassle-free purchase process for users but also contributes to increased profitability, ultimately benefiting the business.
  • Fee-Free Transactions: In alignment with modern financial practices, eliminate fees for buyers during course purchases. This approach aligns with user expectations in today's financial landscape.
  • Robust Compatibility: Ensure stable functionality for both local (Belarusian) and international bank cards. Given our diverse user base, including buyers from the EU and other countries, it is crucial to facilitate seamless and correct payment processing for clients worldwide.
Design a seamless and efficient online payment experience that benefits both users and the business
The following considerations have been explored:
The Solution (1st Iteration)
I crafted a low-fidelity wireframe that illustrates the website structure, effectively addressing all client queries and fulfilling the needs uncovered during user interviews.
Wireframing
The client's Instagram account, which served as the primary tool for course sales
Low-fidelity wireframes (part 1)
prototype (1st version)
Home Page and About Me
Offline and Online Courses (Booking)
Requests, Details and Contact Me
I meticulously curated seven distinct color palettes and typography pairs, each imbued with unique associations that directly influenced the website experience. Following client input, color palette No.4 and font pair No.1 featuring "Montserrat" and "Roboto" fonts were selected to shape the visual identity.
COLOUR palette and typography
Colour palette No.4
User Tests & Feedback
After conducting interviews with 17 participants interested in purchasing nail care courses, we identified a usability issue with the Home Page's "Call to Action" button, visually represented as an arrow. Feedback from 12 participants revealed that the button lacked clear information about its functions, leading to prolonged search times. Additionally, we observed a challenge in users finding how to purchase an offline course. In the current prototype, users need to navigate to the 'book' option under the entire courses section and then select the specific course they wish to purchase, resulting in usability concerns.
usability issue with the Home Page's "Call to Action" button
The client's Instagram account, which served as the primary tool for course sales
After iterating on certain aspects of the prototype following insights from the second user interview, I opted to initiate A/B testing for further refinement.
Option A
Option B
The solution (second iteration)
After conducting A/B testing, it was found that Variant A emerged as the most user-friendly and convenient option, with 65% of respondents expressing this preference. Additionally, 76% (13 out of 17 participants) favored the design variant suggesting the creation of separate pages for each course, complementing the common course section accessible via scroll down from the home page.
creation of separate pages for each course
The client's Instagram account, which served as the primary tool for course sales
Result
7-fold increase in course sales and a significant boost in website conversion rates
The client's Instagram account, which served as the primary tool for course sales
Course Page
Developing a website that seamlessly integrates informative content with payment system functionalities led to a 7-fold increase in course sales and a significant boost in website conversion rates. The website is optimized for both desktop and mobile versions, catering to the majority of users who access it via mobile devices. To accommodate client payment preferences, I integrated both BePaid for international transactions and E-POS for local payments within Belarus.
Home Page
Basic Course
Advanced Course
Contact Me
Course Page
The location metrics reveal that while the majority of website visitors originate from Belarus, 13% of all visitors hail from Russia. This indicates that we have successfully crafted a user journey tailored to individuals from this country, overcoming previous accessibility barriers based on their location.
successfully crafted a user journey
The client's Instagram account, which served as the primary tool for course sales
Top Countries of Website Visitors
WEBSITE ENGAGEMENT METRICS
Considering website metrics highlighting a substantial mobile user base, prioritizing cross-device adaptability becomes essential in product development. Additionally, starting from June 2023, successful integration of both bePaid and E-POS payment systems as the primary methods for course purchases has resulted in a significant increase in visitor numbers and conversion rates.





Website Engagement Metrics: March-September 2023
Summary
In this project, I've come to recognize the critical role of location metrics in digital product design. Understanding that users from certain regions facing accessibility challenges can represent a substantial client base when provided with improved access to the product.
Looking ahead, I believe creating an English version of both the website and courses would be a prudent decision. Based on website analytics, purchasers are distributed globally, underscoring the importance of catering to an international audience.
the critical role of location metrics in digital product design
YU KLIMCHUK
© 2023 Yuliya Klimchuk Howdy
HOME
PORTFOLIO
CV
CONTACTS
+48 571 265 442