top of page
artsee-logo-website.png
01-artsee-main-image-cropped.png
ad-label-brand-ux-ui.png

VIEW ART

BEFORE YOU BUY

2020 has brought some significant changes to how we make purchases, and online buying has become the preferred way to shop for many out of convenience and safety.

 

Seeing wall art on a screen can look quite beautiful; however, the common question lies if it would work in the space where it may be displayed.

 

Artsee Decor assures art lovers by providing the AR [augmented reality] function. Now there is no more guessing!

AR-artwork-wall-placement.jpg
process-bg-ux-ui.png
artsee-decor-responsive-imac-angle.png

The Challenge

Create a responsive e-commerce web app where the art is respectfully displayed for consumers to easily find products that match their needs and ensure that they are making the right choice.

brand-guides-sec1.png
brand-guides-sec2.png
brand-guides-sec3.png
brand-guides-sec4.png
brand-guides-sec5.png
brand-guides-sec6.png
art-is-everywhere-text.png
comp-anal-sec1a.png
user-flow-diagram-ad.png
comp-anal-sec2.png
wireframes-ad-low.png
wireframes-ad-medium.png
usability-testing-ad.png
ui-final-designs-ad-title.png
ad-final-strip-1.png
ad-final-strip-2.png
ad-final-strip-3.png
ad-final-strip-4.png
01-artsee-main-image-cropped_edited_edit
brooke-lark-pRdgN2LvQ9o-unsplash-sm.jpg
artsee-tablet-responsive.png

RESPONSIVE DESIGN

Artsee Decor is a responsive web app where the users can use the AR function on any mobile device to view wall art in their space. While the augmented reality function does not work on a desktop, users can easily display images on their desktop of pictures saved from their mobile devices.

iPhone X-frame-mask.png
iPhone X-frame-only.png
What went well

I learned from my participants during the usability testing that the AR symbol is not as familiar as I assumed. The feedback helped me create a modal to introduce the feature and the AR symbol.

Room for improvement

More user testing would be beneficial.

Next Steps

Add other payment option screen designs.

Reduce time spent in creating user flow diagrams.

Using familiar UI patterns made it easy for testers to navigate my prototype smoothly.

What Didn't go well

Not always being present while users test the prototype is sometimes challenging, as I am not there to remind them to follow the given tasks. Some participants were quite distracted.

It took more time than expected in creating the logomark; however, I am happy with the result.

bottom of page