Creafoto web app

UIUX Design

— PROJECT NAME

Creafoto


— ROLE

UIUX Design

Branding

Graphic Design


— DATE

2017


— CLIENT

GBG


— TECHOLOGY

Wordpress

WooCommerce



Context

 

GBG is a reference photo printing solutions company in the market, 

with 20 years of experience. Creafoto emerges as an ambitious 

idea of being a platform that offers options for creating online photography 

products, in desktop or mobile.


Users and audience


The current GBG audience is the professional photographer, with Creafoto it is intended 

to reach the amateur, the user who takes pictures with his mobile phone.


Roles and responsabilities


My role in the project is UIUX Design. The rest of the team is made up of two developers an intern graphic designer of GBG and the owner of the company.


Scope and constraints


The team initially had only one developer, who due to personal problems left the project. 

Two colleagues of mine joined the project immediately, and the budget had to be increased and a large part of the backend had to be redone.

In the middle the scope changed, but instead of panic, we take that opportnity to build something better.


Problem 


The current low demand for traditional album printing due to technological advances that put such a business at risk.


Goal


To create an online and easy to use platform in where users can create their own photography designs taking advantage of digital photography.





Competitor

research

I started doing some Competitor research asking 5 people to use other solutions to see how we could add value and do better.

Competitive products in the region

Observations from the competitors


. Some of the software must be downloaded, and most of all are not easy to use.  

. The mobile experience is really poor.

. Lack in variety of products.


Opportunities 🎉


. Build a solution that is 100% online, no need to download any software

. Design a solution that implies a minimal learning curve

. Offer innovative products

. Offer a better mobile experience



User stories


As an amateur I want to create a photo album from my phone so then i can use all the photos I have there


As an amateur I want to create a photo with my social media images so then i can pick from images i dont have in my cellphone


As a user I want to create a photo album online so then I don't need to download any software


As a user I want to pay my product online so then I don't need to move from my home


As a user I want to design a mug with my phone so then i can use all the photos I have there


As a user I want to design a poster online so then I don't need to go to a printing center to do it




Personas


Amateur 

Those who are not professionals in photography and use a phone as a camera. Those who wish to capture their happy moments, travelers.

Professional

Photographers or photography experts.

PiX (Interaction partiture)


A first approach to see the interaction between the user, the system and the UI, for all the team to understand how a platform this kind works also in terms of what is needed from the backend.

User flows

Identification of all user interactions to create the different products, detecting pain points.

Ecommerce basic flow

Samples of wireframing work to validate ideas on the álbum editor and onboarding process.


Remote User testing to improve mobile usability,

in this case creating a mug


According to users voice:

Not clear how to choose a canvas

Need a zoom to handle the images

They would like to see a mug preview

Iterations after testing:


Better UX writing

More clear canvas navigation

Zoom added to better manage the images, text and stickets

Product Suite

Most recent design version after iterations



Technology

Wordrpress, WooCommerce


Real interaction

PRO album editor

Single photo printing

Mobile Express album

Initial image upload for an express album


Pproduct website

Website desktop headers

Designed with ♥ for CREAFOTO

Developed by Páramo Studio