Paying for
laundry is a pain.
Clothespin makes
things easier.

Pay for laundry, check machine availability, know when your laundry is complete, report issues, receive loyalty rewards, and more.

cover-topcover-top
cover-bottomcover-bottom

As Lead UX Designer, I was responsible for

Creating wireframes to convey user flows and information architecture.

Conducting quick research and user studies in order to optimize the interface.

Collaborating with a visual designer and developers through production.

photo-sketching-topphoto-sketching-top
photo-sketching-bottomphoto-sketching-bottom

Outside of Philadelphia at a trade partner’s warehouse, we began laying the groundwork. On site, we had direct access to employees selling, leasing, and maintaining the machines, as well as nearby laundromats for research.

The video below provides a glimpse of our week.

Version one
wasn't perfect.

After the initial week it was able to complete basic tasks. However, it still had plenty of room for improvement.

photo-version1-top-1-07photo-version1-top-1-07
photo-version1-bottom-11photo-version1-bottom-11

When first opening the location page, it required users to push the “+” to begin adding units. Users also typically occupied multiple units at once. Going through this process of selection and payment repeatedly caused the user to go from the app to the appliance multiple times.

photo-version1-verticalline-12photo-version1-verticalline-12

The Takeaway:
Increase Efficiency

The visuals below represent the number of interactions a user took to run three separate washers before and after changes.

photo-optimization-chart-13photo-optimization-chart-13

Complete all
purchases at once.

After optimizating the app, the user was able to complete all of their payments at once, much like a digital shopping cart that most of us are familiar with.

photo-wireframes-complete-14photo-wireframes-complete-14

Easily add more or
view current units.

Once a user has made purchases, the checkout button is now a tray that expands to gives access to their current units. It provides the amount of time left, and also the ability to purchase additional time if they have dryer units running.

photo-easily-wireframe-top-15photo-easily-wireframe-top-15
photo-easily-wireframe-bottom-16photo-easily-wireframe-bottom-16

It takes a team.

While working towards releasing the application, I worked with a graphic designer as well as the development and business teams to get it released.

Various final comps are seen below.
Available on
iTunes and Android

footer-image-2footer-image-2
[unex_ce_button id="content_p9k8esdzt,column_content_yqymfoctu" button_text_color="#ffffff" button_font="bold" button_font_size="17px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#86929e" button_padding="15px 30px 15px 30px" button_border_width="3px" button_border_color="#86929e" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#86929e" button_border_hover_color="#86929e" button_link="http://nathanbilancio.com/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Home[/ce_button]
[unex_ce_button id="content_p9k8esdzt,column_content_hzza8i30w" button_text_color="#86929e" button_font="bold" button_font_size="17px" button_width="full_width" button_alignment="center" button_text_spacing="1px" button_bg_color="#ffffff" button_padding="15px 15px 15px 15px" button_border_width="3px" button_border_color="#86929e" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#86929e" button_border_hover_color="#86929e" button_link="http://nathanbilancio.com/index.php/work/harbor-shores-life/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Next[/ce_button]