Platform for setting up cameras, handling refunds, and buying service plans
Project
Teledyne Flir
Client: Futuresight
Apr 2023 - Dec 2024
Role
Lead Product Designer
Senior UX/UI Designer
Team
UX Researcher
Junior Product Designer
Full Stack Developers
Business Managers
Scrum Master
App Tester
Deliveries
UX Research
Wireframes
High-fidelity mockups
Prototypes
Design system
Components library
Teledyne FLIR stands at the forefront of advanced sensing technologies, offering exceptional solutions such as thermal imaging cameras, visible-light systems, video analytics, and specialized sensors across vital industries, including defense, public safety, industrial inspection, and environmental monitoring.
My role
As a Senior Product Designer at Teledyne FLIR, I have been instrumental in crafting user-centered solutions that elevate our advanced technologies. Through close collaboration with a UX researcher, I spearheaded the design process, guiding every stage from insightful user research to detailed wireframes and polished high-fidelity prototypes.
One of my proudest achievements has been developing an intuitive user portal that significantly enhances customer interaction with our services. This portal empowers users to seamlessly send products for repair, customize configurations, and purchase extended warranties. I strongly emphasized usability and visual clarity, ensuring the design meets functional requirements and delivers an outstanding user experience that embodies Teledyne FLIR's commitment to excellence.
Challenges
Product Return Portal
A significant challenge I successfully tackled was the design of the Product Return Portal, which aimed to simplify a previously cumbersome process. Before its launch, users often faced frustration relying on customer support for product returns. My new portal allows customers to return multiple products independently in one session, breaking the process into accessible steps organized into sections and subsections with accordion navigation. Each step includes a concise summary, ensuring users feel informed and confident as they move forward.
The portal, with its automatic saving functionality and seamless finalization process, significantly enhances user experience. It fosters a user-friendly and efficient experience, enhancing customer satisfaction and reinforcing our commitment to exceptional service.
System Configurator
As a Product Designer at Teledyne FLIR, I faced the UX/UI challenge of creating a user-friendly and visually elegant tool for configuring cameras tailored to individual customer needs. The configuration process had to accommodate complex options, including image streaming and smart sensor settings, optic systems, lenses, and extended features like a WiFi antenna. This tool allows users to add accessories such as hoods, mounting brackets, and Ethernet cables, subscribe to dedicated apps and software, or purchase extended warranties and service packages.
The System Configurator strikes a balance between functionality and simplicity, making the intricate configuration process accessible and intuitive for users.
Flir Care & Protect purchase flow
The FLIR Care & Protect feature introduced a significant UX/UI challenge to create a seamless process for purchasing service packages and extended warranty plans. I structured this process into three steps: product selection, plan selection, and checkout. Product selection presented three sections - registered products, a product finder by serial number, and active plans - with the ability to dynamically hide sections when no products were available, reducing visual clutter and improving usability.
In the plan selection step, selected products were displayed in a basket-style format, allowing users to add one warranty plan and multiple service packages to each product. The design challenge was to ensure clarity and flexibility in managing these options while maintaining a streamlined user flow. Finally, the checkout step gave users a clear path to review and place their orders, ensuring accuracy and user confidence. This feature required a balance of functionality and simplicity, making the complex purchasing process intuitive and user-friendly.
Message Center
At Teledyne FLIR, I tackled the UX/UI challenge of transforming the classic ticket support system into an intuitive, chat-style tool. The tool featured a sidebar for browsing messages and a main chat window where users could view and respond to tickets. Each ticket functioned like a chat, complete with a subject, ticket number, and assigned product, allowing users to reply directly and attach relevant files seamlessly.
To enhance usability, we categorized messages into technical support, customer support, repair & calibration, and company updates, with filtering and sorting options at the top of the message list. Chats displayed clear status tags - new, action required, or solved/closed - and users could archive chats when needed. All attachments were easily accessible from the chat title bar, and notifications for new messages appeared prominently in a dropdown in the page header. This design replaced a rigid system with a dynamic, user-friendly interface, improving support efficiency and user engagement.
Workflow
Discovery phase and wireframing
During the UX discovery phase, I worked closely with the UX researcher to establish a user-focused foundation for the project. I conducted stakeholder interviews to uncover goals and desired outcomes and analyzed the existing web app and website to identify areas for improvement. We documented research findings and insights in FigJam, using sticky notes to highlight key points and facilitate collaboration.
We created wireframes in Figma to visualize potential solutions, which we reviewed and refined through iterative discussions with stakeholders. This approach ensured that our designs aligned with user needs, business goals, and practical implementation considerations.
High-fidelity design and prototyping
As a Product Designer, I meticulously crafted designs for desktop, tablet, and mobile resolutions, ensuring a seamless experience across all screen sizes. I utilized Figma's auto-layout feature to make the design elements scalable in both directions, maintaining flexibility and consistency. I mapped out every user flow and scenario, presenting them to stakeholders and developers to gather feedback and align on the vision. Following initial approval, I created clickable prototypes to refine the designs further and validate their usability, ensuring a polished and user-centered final product.
Testimonials
Marcin is a talented and dedicated designer and a great addition to any team. I worked with Marcin closely as the lead designer on a complex b2b web application project. He consistently delivered high quality designs while working with a broad and diverse group of stakeholders to meet requirements. His positive attitude helped bring our team together and his expertise and thoughtfulness gave clear direction for others to follow. I highly recommend Marcin as a lead designer.
Joseph Rocchio
Product Management Director at Teledyne FLIR
I worked with Marcin at Teledyne FLIR for over a year, redeveloping the customer and staff portal for handling returns, orders and administration. He was a crucial part of our design effort, building up a new design system and streamlining our design work, as well as building new experiences together with stakeholders. This helped us immensely when we expanded the team, in building a unified look and feel for the entire site, but also in mentoring more junior staff.
Marcin is a highly professional designer with a large amount of experience to draw on, making progress quick and delivery solid. The quality of the designs and components were also evident in the speed and ease with which the developers could implement them. Highly recommended!
Victoria Jonsson
Product Manager & Product Owner