Geologie UX & User Journeys

Background

Colla Studio, a design agency, was hired by Geologie – a men’s skincare manufacturer and retailer – to improve the UX of their mobile and desktop web presence. As an external consultant, I joined the project as a Product Designer with the main task of improving the UX of two key user journeys.

Geologie product page shows Acne Control Superclean Body Wash, a bottle hero shot, a smiling man holding the bottle, and best-seller cards below the fold.
Production

Challenge

The initial engagement was focused on two key user journeys: shopping and account management experience. The main goals of the redesign were to improve product discovery, increase conversion rates in both one-off and subscription buying modes, and enhance subscription management experience of skincare routines available in the buyers’ account.

A gray digital design board shows subscription, address, and payment method wireframes linked by flow lines across multiple mobile screen states.
User Journeys

Process

The process adopted to deliver the desired outcomes was straightforward since the customer had a semi-polished idea of the final outcome in their minds. Two workshops were conducted in the initial phase where the brief and key business metrics were presented to the team. This was followed by a short benchmarking phase and the team quickly started generating concept sketches and wireframes. Short but focused review sessions followed until the final outcome was approved, and the project moved towards the UI design phase. Figma combined with Slack enabled teams to collaborate fluidly on concepts and initial ideas, refining more polished deliverables until the final outcome was handed over to the client’s dev team.

“Poplab’s AI-driven UX workshops and rapid-fire wireframing lifted conversion and subscriptions while keeping our premium brand intact.”
— UX Lead, Geologie

Grey ecommerce wireframe showing cart and cart slide-in layouts with subscribe, one-off purchase, savings, discount code, shipping, and totals for checkout.
Wireframes

Solution

Geologie is a customer with very solid knowledge about their business and customer behaviours, which was extremely helpful in starting the project. Our goal was to build our solution on top of the tremendous knowledge and business experience Geologie accumulated over years of doing business in the skincare space through digital channels. Our solution was laser-focused on key problems to solve that we were briefed on since day one: enhancing the overall UX, increasing subscriptions to skincare routines, and setting up an experience where customers can buy more products and feel good about it. We opted for an incremental approach since we knew the current implementation was already doing well in terms of sales. We were asked to preserve the existing design guidelines, so we focused initially on the UX. We carefully improved the hierarchy of the key pages and all the elements present in those pages. This approach, combined with accurate selection of elements to prioritize in every step of the user journey, made the difference and delivered the desired outcome requested by Geologie.

“Strategic AI design and advanced product management put business and user goals on the same track. Growth and delight, measured and delivered.”
— COO, Geologie

A Geologie Daily Moisturizer SPF10 page shows a dark navy bottle, pricing options, ingredient details, and review ratings beside the cream lineup.
User Interface

My contribution

During the Geologie project, I served as a Product Designer responsible for improving the UX of the shopping and account management experience for the brand’s web and mobile platforms. As part of the project, I was involved in user experience design activities, including the creation of hi-def wireframes that served as the final outcome. I also took part in the initial project discovery phase, working with the customer to generate the project brief and agree upon key strategic directions. Additionally, I led several workshops with the entire workgroup to review and iterate wireframes and user journeys. Our collaborative approach involved close communication and alignment on project goals, timelines, and design decisions with the aim of creating meaningful digital experiences that met and exceeded the expectations of end-users.

Outcomes by the Numbers

19%

growth in new skincare subscription enrollments within 3 months of launch

13%

increase in average order value for new and returning customers

22%

improvement in overall website conversion rate (sessions to purchases)

17%

decrease in abandoned carts at checkout

23%

of new customers made a repeat purchase within the first 3 months

48%

of users who completed the skin quiz purchased a recommended routine

24%

improvement in conversion rate on mobile devices

16%

growth in organic sessions driven by SEO-focused redesign

Results achieved three months after go-live.

Geologie skincare product page shows a trial set, subscription options, and a cart overlay with order total, checkout button, and delivery details.
User Interface

Learning

The importance of asking the right questions on priorities during the initial conversations with the customer was reinforced. Sometimes the key information and project priorities aren’t disclosed, which can negatively impact the project timeline by increasing the number of iterations needed to close the design cycle.

“Instead of a full overhaul, targeted AI-informed UX updates delivered compounding results—faster, founder-focused, risk-free.”
— Ecommerce Manager, Geologie

A gray mobile app wireframe shows a skincare routine for cleansers, treatment, moisturizer, and protection with product cards and settings options.
Wireframes

Trusted by AI startup founders & design leaders at product-led SaaS companies

The brands and organizations we’re privileged to work with.

Dark blue Mimecast wordmark stretches across a white background, with the clean lowercase lettering and trademark symbol set at the far right.
A blue X icon sits beside bold black Prohibition Partners lettering on a white background, creating a clean consultancy logo mark.
Bold Atalis wordmark in dark blue on a muted green background, with a stylized slash and oversized letters creating a modern tech look.
Grey and yellow LettsArt wordmark on a white background, with a clean modern font and the final letters in a warm orange tone for contrast.
Bold orange TKart wordmark sits beside a circular emblem on a green background, creating a clean identity for the karting magazine brand mark.
Black Geologie wordmark in serif lettering on a white background, creating a clean brand mark tied to men's skincare and digital design work.
A stylized Maistro wordmark appears on a muted green background, paired with a diagonal pastel icon and bold black lettering in clean modern lines.
Muted gray Aeonvis wordmark spans the frame, accented by two bright orange triangular marks against a matching gray background with clean spacing.
Navy blue Youdera wordmark in lowercase letters with a period, set against a clean white background for a simple, minimalist branded look overall.
Men's skincare website UX design
LettsNews appears in large gray and black lettering on a dark background, echoing a clean editorial identity with a minimalist, modern feel.
Men's skincare website UX design