Designing Logic Vapes’ Transactional Kiosk
Designing Logic Vapes' Transactional Kiosk
Designing Logic Vapes’ Transactional Kiosk
Designing Logic Vapes' Transactional Kiosk
Designing Logic Vapes' Transactional Kiosk
Delivered guided flows that made checkout 46% faster.
Delivered guided flows that made checkout 46% faster.
Delivered guided flows that made checkout 46% faster.
Delivered guided flows that made checkout 46% faster.
Delivered guided flows that made checkout 46% faster.
Role
Product Designer
Role
Product Designer
Role
Product Designer
Role
Product Designer
Role
Product Designer
Team
Developer, User Researcher
Product Owner, Copywriter
Team
Developer, User Researcher
Product Owner, Copywriter
Team
Developer, User Researcher
Product Owner, Copywriter
Team
Developer, User Researcher
Product Owner, Copywriter
Team
Developer, User Researcher
Product Owner, Copywriter
Responsibilities
UX/UI Design, Usability Testing
In-Store Observation
Responsibilities
UX/UI Design, Usability Testing
In-Store Observation
Responsibilities
UX/UI Design, Usability Testing
In-Store Observation
Responsibilities
UX/UI Design, Usability Testing
In-Store Observation
Responsibilities
UX/UI Design, Usability Testing
In-Store Observation
Animated sequence showcasing the Logic Vapes logo with clean, fluid motion.
Animated sequence showcasing the Logic Vapes logo with clean, fluid motion.
Animated sequence showcasing the Logic Vapes logo with clean, fluid motion.
Context & Challenge
Logic Vapes was losing in-store sales as customers abandoned purchases due to long queues, unclear product info, and a clunky age-verification process. The staff only checkout created frustration, drop-offs, and compliance risk. I was tasked with designing a self-service kiosk that made purchasing faster and clearer while staying fully compliant which boosted conversion=s and easing staff pressure.
Context & Challenge
Logic Vapes was losing in-store sales as customers abandoned purchases due to long queues, unclear product info, and a clunky age-verification process. The staff only checkout created frustration, drop-offs, and compliance risk. I was tasked with designing a self-service kiosk that made purchasing faster and clearer while staying fully compliant which boosted conversion=s and easing staff pressure.
Context & Challenge
Logic Vapes was losing in-store sales as customers abandoned purchases due to long queues, unclear product info, and a clunky age-verification process. The staff only checkout created frustration, drop-offs, and compliance risk. I was tasked with designing a self-service kiosk that made purchasing faster and clearer while staying fully compliant which boosted conversion=s and easing staff pressure.
Context & Challenge
Logic Vapes was losing in-store sales as customers abandoned purchases due to long queues, unclear product info, and a clunky age-verification process. The staff only checkout created frustration, drop-offs, and compliance risk. I was tasked with designing a self-service kiosk that made purchasing faster and clearer while staying fully compliant which boosted conversion=s and easing staff pressure.
Context & Challenge
Logic Vapes was losing in-store sales as customers abandoned purchases due to long queues, unclear product info, and a clunky age-verification process. The staff only checkout created frustration, drop-offs, and compliance risk. I was tasked with designing a self-service kiosk that made purchasing faster and clearer while staying fully compliant which boosted conversion=s and easing staff pressure.
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Research & Insights
I conducted in‑store observation and interviews with customers and staff, shadowing transactions across locations and peak times.
Mapping the end‑to‑end journey surfaced four core pain points:
Slow, confusing checkout causing late stage drop‑offs
Unclear product details leading to hesitation
Poorly timed age verification causing failed transactions
Cluttered touchscreen UI with small tap zones and inconsistent states
These insights reframed the kiosk from "digital catalogue" to "guided, compliant checkout assistant" that needed to balance speed, education, and regulation.
Research & Insights
I conducted in‑store observation and interviews with customers and staff, shadowing transactions across locations and peak times.
Mapping the end‑to‑end journey surfaced four core pain points:
Slow, confusing checkout causing late stage drop‑offs
Unclear product details leading to hesitation
Poorly timed age verification causing failed transactions
Cluttered touchscreen UI with small tap zones and inconsistent states
These insights reframed the kiosk from "digital catalogue" to "guided, compliant checkout assistant" that needed to balance speed, education, and regulation.
Research & Insights
I conducted in‑store observation and interviews with customers and staff, shadowing transactions across locations and peak times.
Mapping the end‑to‑end journey surfaced four core pain points:
Slow, confusing checkout causing late stage drop‑offs
Unclear product details leading to hesitation
Poorly timed age verification causing failed transactions
Cluttered touchscreen UI with small tap zones and inconsistent states
These insights reframed the kiosk from "digital catalogue" to "guided, compliant checkout assistant" that needed to balance speed, education, and regulation.
Research & Insights
I conducted in‑store observation and interviews with customers and staff, shadowing transactions across locations and peak times.
Mapping the end‑to‑end journey surfaced four core pain points:
Slow, confusing checkout causing late stage drop‑offs
Unclear product details leading to hesitation
Poorly timed age verification causing failed transactions
Cluttered touchscreen UI with small tap zones and inconsistent states
These insights reframed the kiosk from "digital catalogue" to "guided, compliant checkout assistant" that needed to balance speed, education, and regulation.
Research & Insights
I conducted in‑store observation and interviews with customers and staff, shadowing transactions across locations and peak times.
Mapping the end‑to‑end journey surfaced four core pain points:
Slow, confusing checkout causing late stage drop‑offs
Unclear product details leading to hesitation
Poorly timed age verification causing failed transactions
Cluttered touchscreen UI with small tap zones and inconsistent states
These insights reframed the kiosk from "digital catalogue" to "guided, compliant checkout assistant" that needed to balance speed, education, and regulation.
Animated idle screen and primary menu interface for a retailer kiosk.
Animated idle screen and primary menu interface for a retailer kiosk.
Animated idle screen and primary menu interface for a retailer kiosk.
Animated idle screen and primary menu interface for a retailer kiosk.
Animated idle screen and primary menu interface for a retailer kiosk.
Design Approach
I redesigned the self-service journey to reflect how people naturally shop with clear eligibility first, simple guidance through choices, and minimal friction on the way to payment. At the same time, I collaborated across hardware, retail operations, and engineering to make sure the physical kiosk and digital experience worked seamlessly together in-store.
Design Approach
I redesigned the self-service journey to reflect how people naturally shop with clear eligibility first, simple guidance through choices, and minimal friction on the way to payment. At the same time, I collaborated across hardware, retail operations, and engineering to make sure the physical kiosk and digital experience worked seamlessly together in-store.
Design Approach
I redesigned the self-service journey to reflect how people naturally shop with clear eligibility first, simple guidance through choices, and minimal friction on the way to payment. At the same time, I collaborated across hardware, retail operations, and engineering to make sure the physical kiosk and digital experience worked seamlessly together in-store.
Design Approach
I redesigned the self-service journey to reflect how people naturally shop with clear eligibility first, simple guidance through choices, and minimal friction on the way to payment. At the same time, I collaborated across hardware, retail operations, and engineering to make sure the physical kiosk and digital experience worked seamlessly together in-store.
Design Approach
I redesigned the self-service journey to reflect how people naturally shop with clear eligibility first, simple guidance through choices, and minimal friction on the way to payment. At the same time, I collaborated across hardware, retail operations, and engineering to make sure the physical kiosk and digital experience worked seamlessly together in-store.
Flow Architecture Redesign
Age check first to remove ineligible users early and prevent failed checkouts
Category first navigation that matches how staff guide purchases
Fewer steps by combining actions and cutting redundancy
Impact
Faster, clearer flow provides more completed sales and higher customer confidence.
Flow Architecture Redesign
Age check first to remove ineligible users early and prevent failed checkouts
Category first navigation that matches how staff guide purchases
Fewer steps by combining actions and cutting redundancy
Impact
Faster, clearer flow provides more completed sales and higher customer confidence.
Flow Architecture Redesign
Age check first to remove ineligible users early and prevent failed checkouts
Category first navigation that matches how staff guide purchases
Fewer steps by combining actions and cutting redundancy
Impact
Faster, clearer flow provides more completed sales and higher customer confidence.
Flow Architecture Redesign
Age check first to remove ineligible users early and prevent failed checkouts
Category first navigation that matches how staff guide purchases
Fewer steps by combining actions and cutting redundancy
Impact
Faster, clearer flow provides more completed sales and higher customer confidence.
Flow Architecture Redesign
Age check first to remove ineligible users early and prevent failed checkouts
Category first navigation that matches how staff guide purchases
Fewer steps by combining actions and cutting redundancy
Impact
Faster, clearer flow provides more completed sales and higher customer confidence.
Early kiosk flow and layout sketches used to define the initial solution.
Early kiosk flow and layout sketches used to define the initial solution.
Early kiosk flow and layout sketches used to define the initial solution.
Early kiosk flow and layout sketches used to define the initial solution.
Early kiosk flow and layout sketches used to define the initial solution.
Other Design Decisions
Educational Videos
Ultra short, skippable explainers for compatibility, nicotine strength, and safety
Replaced heavy text with visual, contextual tips to keep decisions quick
Trade Off
Prioritised essential info over detail to maintain speed at the shelf.
Hardware & Environment Optimisation
Defined screen size, height, and angle for accessibility and visibility
Specified durable, responsive touchscreens to support large, high-contrast UI
Trade Off
Paused nice-to-have hardware features to invest in reliability and ergonomics with higher conversion impact.
Other Design Decisions
Educational Videos
Ultra short, skippable explainers for compatibility, nicotine strength, and safety
Replaced heavy text with visual, contextual tips to keep decisions quick
Trade Off
Prioritised essential info over detail to maintain speed at the shelf.
Hardware & Environment Optimisation
Defined screen size, height, and angle for accessibility and visibility
Specified durable, responsive touchscreens to support large, high-contrast UI
Trade Off
Paused nice-to-have hardware features to invest in reliability and ergonomics with higher conversion impact.
Other Design Decisions
Educational Videos
Ultra short, skippable explainers for compatibility, nicotine strength, and safety
Replaced heavy text with visual, contextual tips to keep decisions quick
Trade Off
Prioritised essential info over detail to maintain speed at the shelf.
Hardware & Environment Optimisation
Defined screen size, height, and angle for accessibility and visibility
Specified durable, responsive touchscreens to support large, high-contrast UI
Trade Off
Paused nice-to-have hardware features to invest in reliability and ergonomics with higher conversion impact.
Other Design Decisions
Educational Videos
Ultra short, skippable explainers for compatibility, nicotine strength, and safety
Replaced heavy text with visual, contextual tips to keep decisions quick
Trade Off
Prioritised essential info over detail to maintain speed at the shelf.
Hardware & Environment Optimisation
Defined screen size, height, and angle for accessibility and visibility
Specified durable, responsive touchscreens to support large, high-contrast UI
Trade Off
Paused nice-to-have hardware features to invest in reliability and ergonomics with higher conversion impact.
Other Design Decisions
Educational Videos
Ultra short, skippable explainers for compatibility, nicotine strength, and safety
Replaced heavy text with visual, contextual tips to keep decisions quick
Trade Off
Prioritised essential info over detail to maintain speed at the shelf.
Hardware & Environment Optimisation
Defined screen size, height, and angle for accessibility and visibility
Specified durable, responsive touchscreens to support large, high-contrast UI
Trade Off
Paused nice-to-have hardware features to invest in reliability and ergonomics with higher conversion impact.
Low-fi wireframes outlining the kiosk journey across age gating, product browsing, and purchase steps.
Low-fi wireframes outlining the kiosk journey across age gating, product browsing, and purchase steps.
Low-fi wireframes outlining the kiosk journey across age gating, product browsing, and purchase steps.
Low-fi wireframes outlining the kiosk journey across age gating, product browsing, and purchase steps.
Low-fi wireframes outlining the kiosk journey across age gating, product browsing, and purchase steps.
Wireframing & Prototyping
Using Figma, I created mid‑fidelity wireframes to:
Align product, compliance, engineering, and retail stakeholders on the target flows and user states.
Quickly iterate on copy, layout, and interaction patterns without getting stuck in visual polish too early.
I then built interactive prototypes for moderated in‑store tests and remote walkthroughs.
Key refinements from testing:
Age verification prompts were redesigned to be highly visible but low friction, with clearer language and fewer input steps.
Product selection interfaces were streamlined to highlight a small set of comparison attributes, reducing decision fatigue and input errors.
Usability tests showed faster task completion and higher reported confidence in product choice.
Wireframing & Prototyping
Using Figma, I created mid‑fidelity wireframes to:
Align product, compliance, engineering, and retail stakeholders on the target flows and user states.
Quickly iterate on copy, layout, and interaction patterns without getting stuck in visual polish too early.
I then built interactive prototypes for moderated in‑store tests and remote walkthroughs.
Key refinements from testing:
Age verification prompts were redesigned to be highly visible but low friction, with clearer language and fewer input steps.
Product selection interfaces were streamlined to highlight a small set of comparison attributes, reducing decision fatigue and input errors.
Usability tests showed faster task completion and higher reported confidence in product choice.
Wireframing & Prototyping
Using Figma, I created mid‑fidelity wireframes to:
Align product, compliance, engineering, and retail stakeholders on the target flows and user states.
Quickly iterate on copy, layout, and interaction patterns without getting stuck in visual polish too early.
I then built interactive prototypes for moderated in‑store tests and remote walkthroughs.
Key refinements from testing:
Age verification prompts were redesigned to be highly visible but low friction, with clearer language and fewer input steps.
Product selection interfaces were streamlined to highlight a small set of comparison attributes, reducing decision fatigue and input errors.
Usability tests showed faster task completion and higher reported confidence in product choice.
Wireframing & Prototyping
Using Figma, I created mid‑fidelity wireframes to:
Align product, compliance, engineering, and retail stakeholders on the target flows and user states.
Quickly iterate on copy, layout, and interaction patterns without getting stuck in visual polish too early.
I then built interactive prototypes for moderated in‑store tests and remote walkthroughs.
Key refinements from testing:
Age verification prompts were redesigned to be highly visible but low friction, with clearer language and fewer input steps.
Product selection interfaces were streamlined to highlight a small set of comparison attributes, reducing decision fatigue and input errors.
Usability tests showed faster task completion and higher reported confidence in product choice.
Wireframing & Prototyping
Using Figma, I created mid‑fidelity wireframes to:
Align product, compliance, engineering, and retail stakeholders on the target flows and user states.
Quickly iterate on copy, layout, and interaction patterns without getting stuck in visual polish too early.
I then built interactive prototypes for moderated in‑store tests and remote walkthroughs.
Key refinements from testing:
Age verification prompts were redesigned to be highly visible but low friction, with clearer language and fewer input steps.
Product selection interfaces were streamlined to highlight a small set of comparison attributes, reducing decision fatigue and input errors.
Usability tests showed faster task completion and higher reported confidence in product choice.
Hi-fi product screens with a smooth carousel and tabs for exploring different product types.
Hi-fi product screens with a smooth carousel and tabs for exploring different product types.
Hi-fi product screens with a smooth carousel and tabs for exploring different product types.
Hi-fi product screens with a smooth carousel and tabs for exploring different product types.
Hi-fi product screens with a smooth carousel and tabs for exploring different product types.
Leadership & Collaboration
As lead designer on the project, my responsibilities went beyond screens:
Design Ownership
Set the UX direction for the end‑to‑end flow, negotiated trade‑offs (e.g., where to place legal content, what to include on‑screen vs. in staff training), and made final calls on navigation and information hierarchy.
Artefact Coaching
Used user journeys and annotated flows to help non‑design stakeholders understand the impact of design choices.
Leadership & Collaboration
As lead designer on the project, my responsibilities went beyond screens:
Design Ownership
Set the UX direction for the end‑to‑end flow, negotiated trade‑offs (e.g., where to place legal content, what to include on‑screen vs. in staff training), and made final calls on navigation and information hierarchy.
Artefact Coaching
Used user journeys and annotated flows to help non‑design stakeholders understand the impact of design choices.
Leadership & Collaboration
As lead designer on the project, my responsibilities went beyond screens:
Design Ownership
Set the UX direction for the end‑to‑end flow, negotiated trade‑offs (e.g., where to place legal content, what to include on‑screen vs. in staff training), and made final calls on navigation and information hierarchy.
Artefact Coaching
Used user journeys and annotated flows to help non‑design stakeholders understand the impact of design choices.
Leadership & Collaboration
As lead designer on the project, my responsibilities went beyond screens:
Design Ownership
Set the UX direction for the end‑to‑end flow, negotiated trade‑offs (e.g., where to place legal content, what to include on‑screen vs. in staff training), and made final calls on navigation and information hierarchy.
Artefact Coaching
Used user journeys and annotated flows to help non‑design stakeholders understand the impact of design choices.
Leadership & Collaboration
As lead designer on the project, my responsibilities went beyond screens:
Design Ownership
Set the UX direction for the end‑to‑end flow, negotiated trade‑offs (e.g., where to place legal content, what to include on‑screen vs. in staff training), and made final calls on navigation and information hierarchy.
Artefact Coaching
Used user journeys and annotated flows to help non‑design stakeholders understand the impact of design choices.
Hi-fi kiosk screens showing the idle animation, starter-kit promotion, and a learn-more section.
Hi-fi kiosk screens showing the idle animation, starter-kit promotion, and a learn-more section.
Hi-fi kiosk screens showing the idle animation, starter-kit promotion, and a learn-more section.
Hi-fi kiosk screens showing the idle animation, starter-kit promotion, and a learn-more section.
Hi-fi kiosk screens showing the idle animation, starter-kit promotion, and a learn-more section.
Iteration & Outcomes
After pilot deployment, I monitored qualitative feedback and operational metrics with stakeholdes, then iterated on:
Age Check Placement
Minor copy and visual tweaks around the upfront age gate further reduced confusion and abandonment.
Navigation & Labelling
A clearer category‑first structure and improved labelling simplified wayfinding and reduced backtracking.
UI Responsiveness
Adjustments to button states, error feedback, and loading indicators improved perceived speed and trust.
Iteration & Outcomes
After pilot deployment, I monitored qualitative feedback and operational metrics with stakeholdes, then iterated on:
Age Check Placement
Minor copy and visual tweaks around the upfront age gate further reduced confusion and abandonment.
Navigation & Labelling
A clearer category‑first structure and improved labelling simplified wayfinding and reduced backtracking.
UI Responsiveness
Adjustments to button states, error feedback, and loading indicators improved perceived speed and trust.
Iteration & Outcomes
After pilot deployment, I monitored qualitative feedback and operational metrics with stakeholdes, then iterated on:
Age Check Placement
Minor copy and visual tweaks around the upfront age gate further reduced confusion and abandonment.
Navigation & Labelling
A clearer category‑first structure and improved labelling simplified wayfinding and reduced backtracking.
UI Responsiveness
Adjustments to button states, error feedback, and loading indicators improved perceived speed and trust.
Iteration & Outcomes
After pilot deployment, I monitored qualitative feedback and operational metrics with stakeholdes, then iterated on:
Age Check Placement
Minor copy and visual tweaks around the upfront age gate further reduced confusion and abandonment.
Navigation & Labelling
A clearer category‑first structure and improved labelling simplified wayfinding and reduced backtracking.
UI Responsiveness
Adjustments to button states, error feedback, and loading indicators improved perceived speed and trust.
Iteration & Outcomes
After pilot deployment, I monitored qualitative feedback and operational metrics with stakeholdes, then iterated on:
Age Check Placement
Minor copy and visual tweaks around the upfront age gate further reduced confusion and abandonment.
Navigation & Labelling
A clearer category‑first structure and improved labelling simplified wayfinding and reduced backtracking.
UI Responsiveness
Adjustments to button states, error feedback, and loading indicators improved perceived speed and trust.
Animated walkthrough showing the flow from idle screen to product purchase.
Animated walkthrough showing the flow from idle screen to product purchase.
Animated walkthrough showing the flow from idle screen to product purchase.
Animated walkthrough showing the flow from idle screen to product purchase.
Animated walkthrough showing the flow from idle screen to product purchase.
What I learned
This project reinforced that:
Simple, compliant UX grounded in real behaviour can unlock significant commercial impact, especially in regulated retail.
Early collaboration with compliance and hardware teams prevents rework and helps turn constraints into design primitives rather than blockers.
If I tackled this again, I would:
Run more extensive accessibility audits earlier to ensure the kiosk works for a broader customer size.
Integrate analytics from day one to track drop‑off points and run ongoing experiments on copy, layout, and content, treating the kiosk as a continuously optimised product rather than a one‑off deployment.
What I learned
This project reinforced that:
Simple, compliant UX grounded in real behaviour can unlock significant commercial impact, especially in regulated retail.
Early collaboration with compliance and hardware teams prevents rework and helps turn constraints into design primitives rather than blockers.
If I tackled this again, I would:
Run more extensive accessibility audits earlier to ensure the kiosk works for a broader customer size.
Integrate analytics from day one to track drop‑off points and run ongoing experiments on copy, layout, and content, treating the kiosk as a continuously optimised product rather than a one‑off deployment.
What I learned
This project reinforced that:
Simple, compliant UX grounded in real behaviour can unlock significant commercial impact, especially in regulated retail.
Early collaboration with compliance and hardware teams prevents rework and helps turn constraints into design primitives rather than blockers.
If I tackled this again, I would:
Run more extensive accessibility audits earlier to ensure the kiosk works for a broader customer size.
Integrate analytics from day one to track drop‑off points and run ongoing experiments on copy, layout, and content, treating the kiosk as a continuously optimised product rather than a one‑off deployment.
What I learned
This project reinforced that:
Simple, compliant UX grounded in real behaviour can unlock significant commercial impact, especially in regulated retail.
Early collaboration with compliance and hardware teams prevents rework and helps turn constraints into design primitives rather than blockers.
If I tackled this again, I would:
Run more extensive accessibility audits earlier to ensure the kiosk works for a broader customer size.
Integrate analytics from day one to track drop‑off points and run ongoing experiments on copy, layout, and content, treating the kiosk as a continuously optimised product rather than a one‑off deployment.
What I learned
This project reinforced that:
Simple, compliant UX grounded in real behaviour can unlock significant commercial impact, especially in regulated retail.
Early collaboration with compliance and hardware teams prevents rework and helps turn constraints into design primitives rather than blockers.
If I tackled this again, I would:
Run more extensive accessibility audits earlier to ensure the kiosk works for a broader customer size.
Integrate analytics from day one to track drop‑off points and run ongoing experiments on copy, layout, and content, treating the kiosk as a continuously optimised product rather than a one‑off deployment.
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
Key Impact
📈 +29% sales uplift in product lines
😀 85% post-launch user satisfaction
⚡ 46% faster checkout experience
