Mia Donnell
PS_Feature.jpg

Print Shop Image Editor

The Print Shop is an e-commerce site where customers can print their photos on a variety of formats including wall art, holiday cards, photo books, and much more. I created an updated product editor in order to improve user experience and decrease pre-cart abandonment.

Product-editor.jpg
 I started out by gathering information about how our users interacted with our current editor. Next, I researched competitors, and finally brainstormed with my team about the features and functionality that could be added within scope.   This is an example of some sketches from my early design process. Nothing too fancy, just enough detail to get my ideas out on paper quickly.  

I started out by gathering information about how our users interacted with our current editor. Next, I researched competitors, and finally brainstormed with my team about the features and functionality that could be added within scope.


This is an example of some sketches from my early design process. Nothing too fancy, just enough detail to get my ideas out on paper quickly.
 

 The layout section allows the user to select multi or single image layouts, switch from the front of the card to the back of the card, and edit and arrange photos.

The layout section allows the user to select multi or single image layouts, switch from the front of the card to the back of the card, and edit and arrange photos.

 The design editor allows the user to pick and choose from a variety of design options.

The design editor allows the user to pick and choose from a variety of design options.

 With the text editor, the user can add a text box, select a font, change the alignment, and update the color of the text.

With the text editor, the user can add a text box, select a font, change the alignment, and update the color of the text.

 This is another example of the editor in action with a photo book. It includes all of the same editing capabilities of the card editor, with the addition of a bottom rail displaying all of the different pages of the photo book.

This is another example of the editor in action with a photo book. It includes all of the same editing capabilities of the card editor, with the addition of a bottom rail displaying all of the different pages of the photo book.