https://www.stenfeltux.com/home daily 1.0 2026-01-06 https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/dad708ae-d601-47a6-83af-38f9538aac67/20250914_160004.jpg https://www.stenfeltux.com/home/mobile-cinema-booking-concept monthly 0.5 2025-11-02 https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/d882baf5-5d57-4153-b425-1c1612b3aa57/mockuper.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept The landing screen presents new and trending movies in a clean, card-based layout. Quick access to ratings, trailers, and ticket purchase options reduces decision friction. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/4872b038-6b14-4816-9774-e5a5afb7b744/mockuper+%281%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept A focused movie page provides essential details, ratings, and a single clear call-to-action — “Buy Ticket.” Designed to minimize distractions and streamline user intent. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/316ada4b-d691-4012-b468-0f55d0e45b3e/mockuper+%282%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept Simple, sequential inputs guide the user through choosing a date and time. Clear visual hierarchy supports fast scanning and reduces cognitive load. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/92d74df0-ddb9-476a-90db-443a4b8ed9cd/mockuper+%283%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept The chosen time is highlighted with a darker shade, providing immediate visual feedback. This interaction confirms the user’s choice before proceeding to seat selection. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/c948a621-13d2-4319-85e4-d4507b78741a/mockuper+%284%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept The seat map is structured to reflect real cinema layouts. Contrast and spacing help users quickly identify available and reserved seats. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/f889dc49-36e8-44a3-9002-4b958e57e12c/mockuper+%285%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept Once seats are selected, feedback is shown instantly through visual highlighting. The interface emphasizes clarity and confirmation before continuing. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/9a7605ed-631f-4fbb-8b33-6a3aa8f1140a/mockuper+%286%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept A summary screen confirms movie, date, seats, and total price before checkout. This review step reinforces accuracy and confidence in the purchase flow. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/6a89f7a1-b09d-4841-af8e-81e1eb6b3135/mockuper+%287%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept The payment interface simplifies data entry through consistent field structure and alignment. It follows Nielsen’s heuristics for error prevention and user control. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/1507c02c-9861-4fb5-9554-63473bb5c580/mockuper+%288%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept The final screen reinforces task completion with a clear success message — “Thank you for your purchase.” The minimal layout supports a calm, rewarding end to the flow. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/a00e0543-d555-469a-9ec5-1ff8e1ba0ea2/mockuper+%289%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept After completing a purchase, a new element labeled “View tickets” appears at the bottom of the home screen. This micro-interaction signals that a ticket is now available and invites the user to swipe up for quick access. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/71592110-9e32-453d-83a8-7bb41be90eda/mockuper+%2810%29.png Alexander Stenfelt — UX Design Portfolio - Mobile Cinema Booking Concept Swiping up reveals the purchased ticket with essential details such as date, time, seat number, and barcode. The blurred background keeps focus on the ticket while preserving spatial context within the app. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/0610d4a4-69e8-442d-941d-b149f10a3ba8/Sk%C3%A4rmbild+2025-10-10+063832.png https://www.stenfeltux.com/home/product-information-redesign monthly 0.5 2025-11-02 https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/1cf3fdf3-b959-4ca2-b12a-b16b7cb4e2fb/Component+5.png Alexander Stenfelt — UX Design Portfolio - Product Information Redesign Redesigned product page prototype with repositioned technical symbols. The icons are now visible at first glance, reinforcing product value and aiding decision-making without extra scrolling. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/e7c41eea-58d0-4e40-9fae-e254d4368c5c/Component+7.png Alexander Stenfelt — UX Design Portfolio - Product Information Redesign Optimized for mid-sized screens, maintaining visual hierarchy and spacing for better readability. The technical indicators were simplified and aligned for consistency across devices. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/43a73040-96ad-41b9-a7cf-a95f0e1b6a7f/Mobil.png Alexander Stenfelt — UX Design Portfolio - Product Information Redesign Responsive mobile prototype showcasing compact yet legible icon placement. The new layout ensures that users can access key technical information efficiently, even on small screens. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/327fffd9-235d-4be1-a264-8f21e039c315/nya+egenskaper.png Alexander Stenfelt — UX Design Portfolio - Product Information Redesign Reworked visual system for technical attributes. The new icons and labels provide immediate clarity on product functionality, aligning with Didriksons’ brand language and enhancing user trust at the decision stage. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/c52554c6-adf2-4a60-9234-0faeff6c880d/filtrering.png Alexander Stenfelt — UX Design Portfolio - Product Information Redesign The redesign introduced a new filtering system for technical attributes such as warmth, waterproofness, and breathability. This addition improved product discoverability and allowed users to narrow down results based on key performance features. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/2f8460b2-9f98-4af9-b696-59fb4a893589/mockuper.png https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/a86e974d-8b11-4859-ad34-534c28418e26/gammal1.png https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/fd65855a-3068-4f34-9d06-261a996ae5f8/gammal2.png https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/9516173e-9f10-42f0-adf4-fec8a54138cd/image+11.png https://www.stenfeltux.com/home/tycka-widget-configuration monthly 0.5 2025-11-02 https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/34744884-b856-42e8-abc5-79fac88b1efa/8787188b740+%281%29.png Alexander Stenfelt — UX Design Portfolio - Tycka Widget Configuration Centralized all widget settings in one clear structure. Users can toggle features, drag-and-drop fields, and adjust layout without leaving the main view. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/58a7f49e-bb9e-407f-ba0a-74a6303a9565/8787188b740+%281%29.png Alexander Stenfelt — UX Design Portfolio - Tycka Widget Configuration Introduced a live side-by-side preview that reflects real-time edits. This helped users verify layout changes instantly and reduced design guesswork. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/7465da37-eea2-4962-9b2b-4b560aa9841b/mainemnu.jpg Alexander Stenfelt — UX Design Portfolio - Tycka Widget Configuration Unified all widget settings in one structured flow. Drag-and-drop fields, switch options, and adjust language in a cleaner, more intuitive layout. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/02d490b7-7b99-4468-adcf-bef3b002f489/Change+language.png Alexander Stenfelt — UX Design Portfolio - Tycka Widget Configuration Added multi-language support with clear visual hierarchy and flag indicators to simplify localization and reduce user friction. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/ee005804-c2a9-4dd7-9245-2d625879136d/reviewfield.jpg Alexander Stenfelt — UX Design Portfolio - Tycka Widget Configuration Introduced categorized filters and clear hierarchy to simplify adding new review fields and reduce cognitive load. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/c635a824-77b2-484e-995f-cafdea8e30d4/displayname.jpg Alexander Stenfelt — UX Design Portfolio - Tycka Widget Configuration Redesigned the field editor for clarity and focus. Added active input feedback and improved contrast for accessibility. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/a59f1a3e-7f88-4f23-a229-bcafb8230bf9/warningdistancify.jpg Alexander Stenfelt — UX Design Portfolio - Tycka Widget Configuration Implemented proactive warnings for unsaved or invalid changes to prevent user errors and ensure publishing confidence. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/19ff71e7-6bdf-4582-a87a-68ddace2bd11/mockuper.png https://www.stenfeltux.com/home/chatbot-design-for-retail monthly 0.5 2025-11-02 https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/04d71f2b-67a6-426c-a6cc-4f261624795e/2328ed8c1e9.png Alexander Stenfelt — UX Design Portfolio - Chatbot Design for Retail A clean start screen with prompt suggestions and personal greeting. Reuses Mio’s visual identity to build trust and provide a quick, low-friction onboarding experience. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/d358e8ff-b0e2-4bcd-b399-b0713e11736e/2328ed8c1e9.png Alexander Stenfelt — UX Design Portfolio - Chatbot Design for Retail Linear chat layout with a persistent input bar for seamless interaction. Users can start, save, or clear chats manually — reinforcing data control and transparency during everyday use. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/281bd2ca-73fd-4405-a355-f9505cec1da7/2328ed8c1e9+%282%29.png Alexander Stenfelt — UX Design Portfolio - Chatbot Design for Retail When a chat is saved, a subtle confirmation appears above the input field. This micro-interaction reinforces user control and system transparency without interrupting workflow. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/316544de-30e3-40e9-ad0f-120624300e76/2328ed8c1e9+%284%29.png Alexander Stenfelt — UX Design Portfolio - Chatbot Design for Retail A focused modal lists saved chats with edit and delete options. The dimmed background reduces visual noise and supports user control in managing past interactions. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/2d37deb6-74a1-47f3-a48d-b8d787bc461b/2328ed8c1e9+%286%29.png Alexander Stenfelt — UX Design Portfolio - Chatbot Design for Retail A confirmation dialog appears before deleting a chat to prevent accidental data loss. The modal enforces deliberate action, improving user control and trust during critical interactions. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/f83000ea-b499-462f-bdc8-a0b6f02cc7d5/2328ed8c1e9+%283%29.png Alexander Stenfelt — UX Design Portfolio - Chatbot Design for Retail The menu gathers secondary actions like help and theme switch, keeping focus on the chat. A warning icon flags uncertain content and prompts critical review. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/8f5b9670-aa8d-4967-9be2-14cf6008e52e/2328ed8c1e9+%285%29.png Alexander Stenfelt — UX Design Portfolio - Chatbot Design for Retail Accessible from the main menu, the help modal provides collapsible guidance sections for quick onboarding and support. Icons and structured layout reduce cognitive load and help users find answers efficiently. https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/84a8ce93-8232-40b2-bd01-ede22669616c/mockuper.png https://images.squarespace-cdn.com/content/v1/68e2b51b1cbddb23e33bd1f2/d779b2d9-5bd4-40ce-95c5-2283a03418ce/IMG_2890.jpg