ShrinkFinder
ShrinkFinder is a web application developed for Clysar to help users find the right shrink film for their need.
Clysar, a leading shrink film producer, was using an antiquated web form to assist customers in selecting the perfect film for their products. With the release of their latest films, they saw an opportunity to not only update this form but also create something more versatile and cutting-edge. We were excited to collaborate with Clysar and design a new solution that would not only streamline the selection process but also bring some style to their online presence.
Involvement
Collaborating with the Clysar sales and web teams, I had the pleasure of designing an innovative web-based application that would allow for the collection of valuable insights on how customers used their products. Together, we combined our expertise and creativity to craft an intuitive and user-friendly experience that would make it easy for customers to provide feedback and for the Clysar team to gather and analyze data.
Wireframes
Interaction Flows
Product Research
User Testing
Component Evaluation
Color/Contrast Evaluation
Device Testing
Product Hand-off
Process
Discover
Define Capabilities
Sales Team Interviews
Customer Evaluation
Analyze
Product Evaluation
Creating Outline
Wireframes
Develop
Interaction Flow
Higher Fidelity Wireframes
Continuous Iteration
Outcome
Device Testing
Web Implementation
Creating Package
Creating something useful to the sales team and customers alike.
We were determined to create a tool that could cater to both the needs of the sales team and customers. This led us to conceptualize a progressive web app that could be accessed both online and offline. To ensure that the design met the requirements of both users, we held extensive discussions with them. Their feedback helped us refine the tool and make it more user-friendly.
Wireframes
Simple and useful design choices.
We aimed for a design that was clean and concise, prioritizing ease of use for our users. We wanted to make sure that users could quickly find the information they were looking for without getting lost in a sea of details. To achieve this, we left the bulk of product details to be handled on the website, which users could access through the app. This included more complex items like informational data sheets, videos and other related content.
A small library of reusable components.
Taking cues from Clysar's existing online brand identity, we crafted a collection of simple, reusable components that seamlessly integrated with their web materials, giving a cohesive feel to the overall design.
Component Images
