Lucia Bustamante

Creafoto web app

Lead Designer

— PROJECT NAME

Creafoto


— ROLE

Lead Designer


— 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, on 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 opportunity to build something better.



Problem 


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


Goal


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


Conversion


The company adopted new clients

Amateur users captured

Better brand reputation




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



Blue sky features


Create a photo album from a phone


Create a photo with social media images


Create a photo album online without download any software


Buy the products online


Design a mug with any device


Design a poster online with any device





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 stickers


How might we make people return to photo albums using modern technology?

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


Product website

Website desktop headers

Designed with ♥ for CREAFOTO

Developed by Páramo Studio