Lofta

CASE STUDIES

LOFTA E-Commerce Website

Case Studies

Lofta E-Commerce Website

The „Lofta” project is a UI design initiative focused on enhancing my skills in creating intuitive and visually appealing interfaces using Figma. This project revolves around designing a furniture e-commerce website for a brand that specializes in online furniture sales. The goal was to create an attractive and easy-to-navigate platform that allows users to explore products effortlessly while ensuring that the website maintains a modern and minimalist aesthetic.
Author
Bartłomiej Biegun
Services
UI Design
Used Apps
Figma, Miro, Adobe CC

The Project

The Lofta project aimed to craft a seamless shopping experience by designing three key sections of the website: the homepage, product category page, and individual product page. Each page was meticulously created to prioritize user experience, keeping in mind the brand’s clean and minimalistic style. The design reflects simplicity, comfort, and accessibility, mimicking the attributes of the furniture products that the brand offers.

Development Opportunities

While developing the Lofta project, I focused on improving key UI skills, including layout organization, color theory, typography, and button placement for optimal user engagement. The process gave me an opportunity to work with modern design trends such as minimalism, clear call-to-action buttons, and responsive design principles for a clean, cohesive look across multiple devices. It also helped me fine-tune my attention to detail, ensuring that the website feels smooth and intuitive from the user’s perspective.

Looking ahead, the next stages of this project will include usability testing and interaction design to further enhance user engagement. This process will allow for refining elements like hover states, transitions, and micro-interactions to elevate the overall shopping experience. There is also potential for expanding the project by adding features such as product filters, personalized product recommendations, and a streamlined checkout process.

Project in Detail

The Lofta project covers the following pages:

  • Homepage: This is the entry point for users, featuring hero sections showcasing furniture collections, a product highlight carousel, and links to various categories. The design emphasizes a blend of functionality and visual appeal, using clean, inviting imagery to set the tone of the brand.
  • Product Category Page: This page offers a structured layout where users can browse different types of furniture. Clear filters allow for easy sorting, and each product is displayed with its price, rating, and a quick 'Add to Cart’ button. The page is organized to encourage users to explore further, providing a smooth browsing experience.
  • Product Page: The individual product page focuses on displaying the product details, including high-quality images, detailed descriptions, pricing, and reviews. Key information is presented clearly, ensuring users have all the details they need to make informed purchasing decisions. „Related products” are also displayed to encourage continued browsing.

Lofta E-Commerce Website

Project Name: Lofta E-Commerce Website
Duration: September 2024 – Ongoing
Research Phase: Desk research included competitor analysis of leading online furniture retailers like Wayfair and IKEA, focusing on user behavior and interface trends in the e-commerce sector.
Design Phase: Developed multiple wireframes and high-fidelity mockups in Figma, iterating through feedback loops to optimize the user flow and enhance the visual hierarchy.
Key Insights: The research identified a need for a simplified navigation structure and a user-friendly product filtering system to address the potential challenges faced by users when browsing large product categories.
Tools Used: Figma (for wireframes and high-fidelity mockups), Miro (for user journey mapping and brainstorming), Photoshop (for image editing and product mockups).
Prototype Development Tool: Figma
Core Features:

  • Clean, minimalist homepage layout with featured products and navigation to key product categories.
  • Well-structured product category pages with easily accessible filters (by price, brand, reviews, etc.).
  • Intuitive product pages showcasing high-quality images, detailed descriptions, and customer reviews.
  • Quick and seamless ‘Add to Cart’ functionality on all product listings.
  • Clear call-to-action buttons for efficient navigation and purchase flow.

Website Integration: Designed as a fully responsive web interface to integrate seamlessly into the existing Lofta e-commerce ecosystem, ensuring a cohesive user experience across all devices.
Mockups: Multiple mockups created for various sections of the website, including the homepage, product category page, and product details page, with a focus on real-time product updates and easy-to-use filters.
Role: UI Designer
Outcome: The project is currently in the design phase, with high-fidelity prototypes completed and ready for usability testing. The next steps involve gathering user feedback and making further refinements based on the findings to create an even more intuitive and visually engaging e-commerce platform.

This Project is in Progress...

The Lofta project is currently in its design phase, with additional features and refinements planned in the future. I will continue to iterate on the design based on feedback, testing, and evolving design trends. Future updates will include mobile responsiveness, enhanced interactions, and more comprehensive e-commerce functionalities to further improve user experience and drive conversions.

HealthCare – Form & Dashboard

CASE STUDIES

HEALTHCARE - FORM
& DASHBOARD DESIGN

Case Studies

HealthCare

The project focused on creating a modern medical portal aimed at young professionals seeking private consultations with specialists across various fields. The goal was to design a user-friendly platform offering convenient and fast solutions for booking medical appointments. A key challenge was to ensure the platform provided a modern approach to healthcare, distinguishing it from competitors while meeting user expectations for intuitive design, functionality, and ease of navigation.
Author
Bartłomiej Biegun
Services
Desk Research, UI Design
Used Apps
Figma, Excel

Problem Genesis

The challenge for this project was to design a modern healthcare platform targeted at young professionals seeking private medical appointments across various specializations. The platform needed to stand out with a user-friendly interface while also embracing a contemporary approach to healthcare, allowing users to easily schedule appointments and access important medical information.

Key issues identified included:

  • Usability across devices: Ensuring a seamless experience on both desktop and mobile devices.
  • Ease of access: Simplifying the process of appointment booking and patient management for a time-conscious audience.
  • Handling user errors: Providing intuitive error-handling mechanisms for log-in, registration, and scheduling.
  • Design consistency: Maintaining a coherent experience across different devices and screen sizes.

This problem highlighted the need for a cohesive design that delivers quick solutions for users who prioritize convenience in healthcare access.

Desk Research

To ensure that the solution would be both competitive and user-friendly, I conducted a thorough desk research phase, focusing on existing healthcare platforms, specifically ZnanyLekarz, Luxmed, and Medicover.

Key insights from this research included:

  1. ZnanyLekarz: This platform excelled in simplifying the process of searching for specialists by location and specialization. Their use of user reviews and doctor ratings also created a transparent, trustworthy system for users. However, its interface lacked a modern and visually appealing design, particularly on mobile devices.
  2. Luxmed: Luxmed’s platform had a clear focus on personalized healthcare. Their dashboard provided users with a comprehensive view of their medical history, upcoming appointments, and recommended services. The downside, however, was the cluttered interface which could overwhelm users with too much information at once.
  3. Medicover: Medicover offered a solid mobile experience with a focus on smooth navigation and clean design. The integration of services like booking lab tests and virtual consultations added value to the platform, though its desktop version felt somewhat less polished compared to mobile.

Conclusion: These insights influenced the design approach for the HealthCare project, emphasizing simplicity and clarity across both desktop and mobile interfaces, while incorporating the best practices like doctor ratings, transparent booking options, and a clean dashboard experience.

Solution

Based on the insights gathered from the desk research and the problems identified, the solution for the HealthCare platform focused on delivering a seamless, modern, and efficient user experience tailored to young professionals. The design aimed to ensure that users could easily navigate the platform, whether on desktop or mobile, to quickly book appointments and manage their healthcare needs without unnecessary distractions or steps.

A key aspect of the solution was streamlining the user experience. The login and registration processes were simplified, ensuring that users could access the core functions of the platform with minimal effort. This focus on efficiency extended to the platform’s layout, where the navigation was kept intuitive and user-friendly. Consistency across devices was another priority. The platform was designed to provide the same visual experience and functionality on both desktop and mobile, guaranteeing that users could transition seamlessly between devices without confusion. The layout, typography, and button designs were maintained consistently to strengthen the overall cohesiveness of the design.

Another important focus was error handling. Recognizing that users might make mistakes during the login or registration process, the design incorporated non-intrusive and clear prompts that guided users in correcting their actions without causing frustration. Additionally, visual simplicity was a core principle in the design. Drawing inspiration from clean, minimalist interfaces, the platform used a calming purple color scheme to establish trust and reduce user overwhelm. This approach avoided the cluttered interfaces seen in some competitors, creating an environment that encouraged ease of use.

The scheduling system was also carefully considered. By borrowing from the best practices observed in platforms like ZnanyLekarz, the HealthCare platform introduced an easy-to-navigate appointment booking system. Users could find and book appointments with specialists quickly, with the added benefit of doctor ratings and reviews to build trust and ensure transparency in their healthcare choices.

healthcare-1
healthcare-2
healthcare-3
healthcare-4

Project in Details

The HealthCare project, completed in August 2024, was designed using Figma and consisted of two primary phases: the login/registration interface and the dashboard for both desktop and mobile versions. The project began with wireframes and low-fidelity prototypes to define the basic layout and functionality. This allowed for testing early ideas before moving on to high-fidelity designs and interactive prototypes.

The login and registration forms were crafted to be simple and functional, ensuring that users could quickly log in or create an account with minimal friction. Error states were clearly defined, with messages that guided users through resolving issues, such as forgotten passwords or missing form inputs. This step also included creating a clean, responsive design that ensured the forms worked seamlessly across desktop and mobile devices. The interactive prototype provided a smooth flow, allowing developers to easily follow the user journey and understand how the form handled errors or successful inputs.

Project Name: HealthCare Platform
Duration: August 2024
Research Phase: Desk research focused on competitive platforms such as ZnanyLekarz, Luxmed, and Medicover
Key Insights: Identified the need for a streamlined appointment scheduling process, consistent cross-device user experience, and enhanced error handling for registration and login processes
Prototype Development Tool: Figma
Prototyping Platforms: Figma (tested on desktop and mobile devices)
Core Features:

  • User-friendly login and registration forms with clear error handling
  • Dashboard displaying upcoming appointments, services, and top doctors
  • Cross-device consistency for both desktop and mobile
  • Appointment scheduling and doctor profile integration
    Tools Used: Figma, FigJam (for brainstorming and competitive analysis)
    Role: UX Designer, UI Designer
    Outcome: The project concluded with an interactive prototype that was ready for developer handoff, featuring a clean and intuitive interface that provided users with an efficient healthcare scheduling experience across both desktop and mobile platforms.

Kurser LMS

CASE STUDIES

KURSER LMS

Redefining Online Education

Kurser LMS aims to revolutionize the e-learning landscape by offering a comprehensive, engaging and interactive online learning environment. The platform is designed for individual audiences who want to develop their knowledge and skills in digital marketing, 3D, UI/UX and other fields.

The project focuses on creating a seamless UI/UX experience that allows users to effectively navigate their learning path.
Author
Bartłomiej Biegun
Services
User Interface
Used Apps
Adobe CC, Figma, Adobe XD

Problem Genesis

The „Kurser LMS” project was developed with the primary goal of demonstrating my expertise in UI design, particularly in creating interfaces and dashboards for complex applications. Unlike other projects, this one did not involve any research or user testing. Instead, the focus was entirely on showcasing my ability to design a functional, visually appealing interface for a learning management system.

The challenge lay in designing an intuitive dashboard that could manage a variety of complex features such as course management, user profiles, and analytics, all while maintaining a clean and engaging visual style. I approached this by ensuring that every element was carefully structured for ease of navigation, while also incorporating modern UI trends to enhance the overall user experience.

By focusing purely on the interface, I was able to demonstrate my capabilities in creating cohesive design systems that balance both aesthetics and functionality, with attention to detail in every aspect of the visual hierarchy, typography, and color scheme. The result was a comprehensive UI design that effectively showcased my skills in crafting user-friendly and visually appealing interfaces for advanced applications.

Progress tracking

A visual representation of the user’s progress through courses, enabling learners to easily gauge their achievements and areas requiring attention.

Webinars

A curated list of upcoming live sessions, including detailed descriptions, presenters, and the ability to register or join a webinar with a single click. This feature promotes active learning and community engagement.

Statistics

The User Section provides a streamlined overview of the total hours spent on courses, allowing learners to track their time investment in their educational journey. This feature offers insights into learning habits and progress, empowering users to manage and optimize their study time effectively.

Reviews section

The Reviews Section offers a platform for learners to share their experiences and feedback on courses they’ve completed. This feature not only helps prospective students make informed decisions based on peer reviews but also fosters a sense of community and open dialogue about the learning material.

Lessons breakdown

The Lesson Breakdown provides a detailed overview of a course’s structure, offering learners a glimpse into the specific topics covered in each lesson.

Add to cart

The Add to Cart Course Tab simplifies the process of enrolling in new courses. With a single click, users can add courses of interest to their cart, streamlining the checkout process.

Project in Details

  • Project Name: Kurser LMS
  • Duration: March 2024
  • Design Focus: User Interface (UI) Design for a Learning Management System (LMS)
  • Key Objective: To showcase skills in designing complex interfaces and dashboards for advanced applications
  • Core Features Designed:
    • Course management dashboard
    • User profile management
    • Analytics and reporting sections
    • Interactive course progress tracking
    • Notifications and messaging system
  • Tools Used: Figma (for wireframes and high-fidelity mockups), Adobe Illustrator (for iconography)
  • Design Focus Areas:
    • Clear and intuitive navigation for managing multiple LMS features
    • Modern visual style with a clean, minimalistic approach
    • Thoughtful use of typography and color schemes to enhance readability and user engagement
    • Consistent design system ensuring a smooth user experience across the platform
  • Role: UI Designer
  • Outcome: A fully designed, visually engaging LMS interface that highlights advanced UI design skills, particularly in creating dashboards for complex applications.
Kurser LMS - Course View
Kurser LMS - Dashboard
Kurser LMS - Lesson Screen

Wiper

CASE STUDIES

WIPER

Case Studies

Wiper

The process started with in-depth market research, analyzing the competitive landscape of shower drainage systems. Wiper’s variety of products and their prestigious recognitions at trade fairs and in consumer quality rankings provided a solid foundation for the redesign.
Author
Bartłomiej Biegun
Services
Web UI, UX Design
Used Apps
WordPress, Adobe CC, GA/GSC

Problem Genesis

The challenge I faced in designing the website for Wiper, a manufacturer of linear drainage systems, was ensuring the vast product range was both visually appealing and easily navigable for users. The company offers an extensive selection of products, and it was crucial to create a website that not only showcased this diversity but also made it easy for potential customers to explore the catalog and find exactly what they needed.

I began by analyzing the existing product structure and categorization, ensuring that I had a comprehensive understanding of their offerings. The key goal was to highlight the products in a way that would emphasize their variety and technical specifications, while maintaining an aesthetically pleasing and user-friendly interface. This required creating a design that balanced functionality with strong visuals, ensuring the website served both as an information hub and a marketing tool.

Throughout the process, I focused on designing clear product sections with easy-to-use navigation, allowing users to quickly browse through categories, view detailed product descriptions, and access technical information. The end result was a sleek, modern website that effectively showcased Wiper’s product line and reinforced the brand’s professional and innovative image.

Solution

For this project, WordPress was the chosen platform for website development and content management. Graphic design and material creation were handled using Adobe Photoshop and Illustrator. Additionally, Google Analytics was utilized for tracking website performance and user interactions.

The outcome of this project was a complete website redesign that prioritized user-friendly navigation and professional aesthetics. It included an improved information structure that enhanced the user’s ability to find and understand product offerings. Furthermore, a comprehensive repository for sales representatives was established, providing easy access to all necessary marketing and graphical materials.

Śląskie Laboratoria Analityczne

CASE STUDIES

ŚLĄSKIE LABORATORIA ANALITYCZNE

Case Studies

Śląskie Laboratoria Analityczne

My role involved a comprehensive redesign of the Śląskie Laboratoria Analityczne website. The process began with a thorough initial analysis of the existing website, focusing on the core services of the laboratory. Recognizing their dedication to reliable laboratory testing and a broad spectrum of determinations was key. The laboratory’s extensive experience since 1991 in analyzing a significant portion of Poland’s population, impacting numerous medical diagnoses and health actions, provided a rich backdrop for the redesign.
Author
Bartłomiej Biegun
Services
Web UI, UX Design
Used Apps
Adobe XD, Figma

Approach

The primary goal was to enhance the user experience. This meant creating a design that not only looked modern but also facilitated an easy, informative journey for the visitors. Interactive elements such as detailed service descriptions, accessible contact forms, and clear job listings were integrated to encourage user interaction and provide comprehensive information about the laboratory’s services and achievements.

The tools and apps employed in this project included Adobe XD for prototyping and wireframes and Figma for high-fidelity designs. The solution was multifaceted: developing landing pages for promotional offers to improve user engagement and conversion rates; redesigning the website with a modern, user-friendly interface that highlights the laboratory’s services and achievements; and improving website navigation to facilitate easy access to essential information like services, contact details, and career opportunities.

Wetroomsdesign.co.uk

CASE STUDIES

WETROOMSDESIGN LTD.

Case Studies

Wetrooms Design Ltd.

Today’s e-commerce market is a rapidly changing environment where success is determined not only by the quality of the product, but also by the quality of the user experience. When Wetrooms Design approached me, they were looking for an expert to help them improve customer interaction on their website. It’s a challenge I took on with enthusiasm, with the aim of not only improving functionality, but also increasing user satisfaction with the site.
Author
Bartłomiej Biegun
Services
UX Consulting
Used Apps
Adobe CC, Figma, RingCentral, Smartlook

Approach

Using the Smartlook tool, a series of heatmaps were created that visualised how users scroll and click through the site. These insights helped to understand which elements of the page were attracting the most attention and which might be overlooked by users. With this data, I was able to identify areas that could benefit from additional emphasis or modifications to improve interaction.

Extensive quantitative research was conducted, which included analysis of Google Analytics data. The focus was on key metrics such as average time spent on the site, rejection rates, conversions, user navigation paths and visit frequency per page. These findings provided a better understanding of how users navigate the site, what content interests them, as well as identifying any areas of difficulty.

Based on the research, a review of the site’s information architecture was carried out. The aim was to make sure that the information was presented in a way that was intuitive and understandable to users. Several areas were discovered that could benefit from improvements, such as reorganising the navigation menu, improving the product tagging system, and introducing more detailed search filters.

Comprehensive analysis and recommendations allowed Wetrooms Design to make the necessary changes to improve the overall UX on their site. The proposed modifications allowed Wetrooms Design to increase user engagement, improve conversions and overall satisfaction with the site. As a result, the client was extremely satisfied with the professional approach and practical advice, allowing me to continue our fruitful collaboration.

Printspace.ie

CASE STUDIES

PRINTSPACE.IE

Case Studies

Printspace.ie

Founded in 2016, PrintSpace creative studio has been providing their clients with innovative solutions in graphic design, branding and print production. However, despite their extensive experience and unique approach to their work, their visual identity did not fully convey their professionalism and modernity.
Author
Bartłomiej Biegun
Services
Branding, UI Design
Used Apps
Elementor, Figma, Asana

Approach

The aim was to create a logo that was simple yet distinctive – a symbol that would be immediately associated with PrintSpace. In the sigil there is a reference to the letters P and S found in the company name. By using expressive shapes, the logo becomes unique and easily recognisable, especially given the dark/black colour scheme of the website.

My approach to UX (User Experience) focused on ensuring that the site was intuitive and pleasant to use. Care was taken to ensure that the site loaded quickly and that elements were easy to find and understand. Particular attention was paid to accessibility to ensure that the site was user-friendly for people with various limitations. For example, text is available in bright, readable colours (despite the dark colour scheme of the site) and images have alternative descriptions.

Summary

I was able to create a modern, functional and aesthetically pleasing logo and website that perfectly reflects the PrintSpace brand and conveys its unique values. My solutions highlighted the company’s creativity and professionalism, while providing an exceptional user experience. As a result, the client was extremely satisfied with the final result. The project was a success, resulting in further collaboration on future projects – not just graphic design.

Pill Please App

CASE STUDIES

PILL PLEASE APP

Case Studies

Pill Please App

Modern medicine allows people to fight many diseases more effectively, but with this also comes the problem of polypharmacy, i.e. taking many different drugs. According to the National Health Service’s 2020 report, more than half of Poles have been ill with at least one lifestyle disease in the past five years. 4.5 million people bought prescriptions for five or more active substances in six months.
Author
Bartłomiej Biegun
Services
UX, Research, Product Design
Used Apps
Mural, Figma, Google Meet, Excel

Problem Genesis

Research confirms that the problem is real. More than half (56 per cent) of Poles have suffered or are still suffering from at least one disease of civilisation in the last five years, such as hypertension, atherosclerosis, cancer, diabetes or depression. The number of people continuously taking medication continues to rise. 4.5 million people bought prescriptions for five or more active substances in a six-month period. (NHF report: Everything you need to know about poly-pragmasy, 2020).

The problem I aimed to solve began with a broad exploration of user behavior and daily challenges surrounding medication adherence. I started by developing a set of research questions that would guide my investigation, focusing on identifying the key factors that cause people to forget or delay taking their medications.

 

Once I had defined the core research questions, I concentrated on finding a representative research group. I carefully selected individuals who fit the target user profile—people who regularly take medication and experience challenges in maintaining consistency. Conducting in-depth interviews (IDIs) allowed me to gain deeper insights into their daily routines, obstacles they face, and emotional responses related to medication adherence.

Through this process, I was able to gather valuable qualitative data, providing a clear understanding of the problem’s roots and laying the groundwork for the design and development of a more user-centric solution.

Research Analysis

The research provided me with valuable insights into the habits, challenges, and pain points of the respondents. Each participant shared a unique story, marked by different emotional experiences when learning about their illness and the need to take medications regularly. These personal accounts allowed me to address the key research questions effectively. So, what did I uncover?

Among the 11 respondents, 7 reported that taking medication was a source of stress or frustration. Many expressed that medications felt like a restriction—whether it required them to return home at specific times or interfered with weekend plans or longer absences. This created a sense of inconvenience and limitation in their daily lives.

All respondents mentioned storing their medications in designated spaces such as cabinets, shelves, boxes, or specialized containers—their „home pharmacies.” One participant, Mrs. Krystyna, kept a stockpile of medications in a larger container, while carrying her daily dose in a specially designated pouch.

Interestingly, 8 out of 11 participants admitted that at some point, they unexpectedly ran out of medication. While some were able to quickly contact their doctor for a new prescription, others faced challenges in accessing their medication. Those who experienced this issue expressed feelings of frustration, particularly regarding the financial cost of the missed doses, and fear about delayed appointments with their doctors, which caused further anxiety.

Wireframes and Prototyping

Once I had a clear understanding of the users’ challenges and pain points, I began the wireframing and prototyping phase. My first step was to translate the insights from the research into initial wireframes, focusing on creating a simple and intuitive interface that would address users’ needs without adding unnecessary complexity. These wireframes acted as blueprints for the structure of the app, outlining key functionalities such as medication reminders, tracking, and easy access to prescriptions.

I iterated on these wireframes through multiple feedback sessions, refining the layout to ensure a smooth user flow. Once I was satisfied with the basic structure, I moved on to prototyping. The first interactive prototype allowed me to test early design assumptions with potential users. During this stage, I focused on creating an intuitive user experience, especially around key features like scheduling medications, receiving reminders, and handling unexpected prescription shortages.

pillplease-3
pillplease-3-2
pillplease-3-3

Solution

In the course of developing a suitable solution, a series of studies were carried out to explain the problem of the increasing use of medicines by Poles and to provide an insight into the daily process of dealing with illness. Desk research and in-depth interviews (IDI) with respondents were used to find an appropriate solution. The research was conducted in person or using the Google Meet tool.

Features

Effective notification system

Notifications that clearly and unambiguously remind users that they need to take their medication at the given dose. Notifications require the user to take an action to confirm that the medication has been taken.

Building positive habits

The easy-to-use functionality of the planner and the view of upcoming medication events make it more user-friendly for patients to start the pharmacotherapy process and develop appropriate habits.

Controlling the quantity of medicines in the medicine cabinet

The user has full control over the number of medicines in their home medicine cabinet. By looking at the status table for each medicine on his phone, he does not have to make a special trip to the medicine drawer.

Medical appointments

Users who are, as it were, often condemned to sitting in doctors’ surgeries can support their therapy with the use of adding medical appointments to the app’s schedule.

Measurements and statistics

The Pill Please app allows measurements of key indicators to be added to the app. Among the measurements that can be added are glucose, temperature, weight, saturation and pulse and blood pressure.

Testing and Iteration

Reaching the testing phase of the Pill Please app was a significant milestone, especially after the extensive journey that both the design and research processes had taken. Preparing for this stage required many hours of carefully conducting in-depth interviews aimed at identifying the strengths and weaknesses of the solution. These tests provided crucial feedback that informed the refinement of the app, ensuring it was tailored to the real-world needs of the users.

Pill Please is designed to help users manage their medication schedules, track inventory in their „home pharmacy,” receive reminders for doses, and book doctor appointments. The goal of the usability testing was to verify the functionality of these key features and confirm that the design assumptions held true in practice.

The prototype, created in Figma, enabling it to run on Android devices. Between May 15 and May 26, I conducted usability tests with multiple users, gathering nine screen recordings paired with audio files that captured their feedback and interactions.

Based on these insights, I made slight interface adjustments to improve user flow and ensure ease of use. The testing process reinforced the overall design direction, while the refinements further enhanced the user experience. I am confident that the Pill Please app will help users organize their medication schedules and health-related tasks effectively.

Project in details

  • Project Name: Pill Please App
  • Duration: October 2022 – July 2023
  • Research Phase: In-depth interviews (IDIs) conducted with 11 participants
  • Key Insights: Identified stress and frustration related to medication schedules and unexpected shortages
  • Testing Period: March 15 – May 26, 2023
  • Prototype Development Tool: Figma
  • Prototyping Platforms: Figma (tested on Android devices)
  • Usability Testing: 9 screen recordings with separate audio feedback sessions
  • Core Features:
    • Medication scheduling
    • Inventory tracking in „home pharmacy”
    • Reminder notifications
    • Doctor appointment scheduling
  • Tools Used: Figma, Miro (for brainstorming), Google Forms (for initial surveys), Google Meets (for conducting interviews)
  • Role: UX Researcher, UX Designer, UI Designer
  • Outcome: Iterative design improvements based on user feedback; minor interface adjustments for improved usability

Custom Order Creator

CASE STUDIES

CUSTOM ORDER CREATOR

Case Studies

Custom Order Creator

The aim of the project was to create intuitive mock-ups (wireframe’s) of a custom order wizard that would enable Wetroomsdesign’s customers to order custom-sized sub-tiled shower trays in an easy and clear way.
Author
Bartłomiej Biegun
Services
Web UI, UX Design
Used Apps
Figma, Blender, Asana

Problem Genesis

The problem I tackled in the „Custom Order” project stemmed from the complexity and inefficiencies users faced when placing custom product orders. Many users found it difficult to navigate existing systems, leading to confusion and errors in their orders. My goal was to create a simplified, user-friendly solution that would streamline the customization process and reduce these frustrations.

I started by conducting extensive desk research, analyzing existing solutions and finding suitable examples of successful product customizers, such as mycs. This research helped me identify best practices and common pain points in custom order systems. After gathering sufficient data, I sketched out the initial concept of the customizer tool, focusing on simplifying the flow and making the interface as intuitive as possible.

With the sketches in place, I moved on to the design phase using Figma, where I began creating the first wireframes and prototypes. This allowed me to start building a solution that would address the key issues discovered during my research, ensuring that users could easily customize products and track their orders with minimal effort.

After developing the initial wireframes, I refined the design by iterating through several versions to ensure a seamless user experience. My focus was on creating a visual hierarchy that guided users step by step through the customization process, minimizing confusion and ensuring clarity at every stage. I also integrated user-friendly features like real-time previews and clear progress indicators to make the experience more interactive and transparent.

Solution

To address the challenges identified during the research phase, I designed a custom order solution that focused on simplicity, clarity, and user empowerment. The core elements of the solution revolved around streamlining the entire customization process, ensuring that users could easily navigate through each step without confusion.

Key features of the solution included:

  • Intuitive Customization Flow: The design emphasized a step-by-step process that guided users through each customization option, reducing the likelihood of mistakes or misunderstandings.
  • Real-time Visual Previews: As users made selections, they could see instant visual updates, allowing them to understand exactly how their choices impacted the final product. This feature increased user confidence and satisfaction.
  • Clear Progress Indicators: Throughout the process, users were provided with clear feedback on their progress, ensuring they always knew where they were in the customization journey and what steps remained.
  • Simplified Order Management: Once the customization was complete, the solution offered straightforward order management, allowing users to track their orders and make changes with ease.
  • Component Design for Web Integration: The solution was designed as a flexible component, intended to be installed on websites. I developed a series of mockups that demonstrated how this custom order component could be integrated into the existing layout of wetroomsdesign.co.uk, showcasing its usability and adaptability.

Though the component was not programmed, the detailed design provided a comprehensive guide for future development and integration, ensuring the custom order process would enhance user experience and meet business needs.

Project in Details

  • Project Name: Custom Order Solution
  • Duration: February 2023 – April 2023
  • Research Phase: Desk research conducted, including analysis of existing product customizers like mycs
  • Design Phase: Multiple wireframes and mockups created to refine user flow and interface
  • Key Insights: Identified user frustrations with complex custom order systems, leading to the design of a streamlined, user-friendly solution
  • Tools Used: Figma (for wireframes and prototypes), Miro (for brainstorming and process flow mapping), Blender (for 3D visualisations), Asana
  • Prototype Development Tool: Figma
  • Core Features:
    • Intuitive step-by-step customization flow
    • Real-time visual previews of product changes
    • Clear progress indicators throughout the order process
    • Simplified order management system
  • Website Integration: Designed as a web component to be integrated into existing e-commerce platforms
  • Mockups: Created a series of mockups showcasing the solution’s integration on wetroomsdesign.co.uk
  • Role: UX/UI Designer, Researcher
  • Outcome: A fully designed custom order component, ready for development, aimed at simplifying the user experience and increasing order accuracy.