1. Understanding business needs - Interview
In this project, it was difficult to understand what was the kind of branding strategy the client wanted. He had already a few clients, and meeting with them was not possible. For a UX point of view it was a challenge. After a few interviews of the different people working on the project, I understood they weren't talking of the same product. They were working hard on the product and each of them were putting their work on focus.
2. Understanding the Users - Personae
Even If I couldn't meet the users, I've been able to make a few personae with the help of the team. We had to work on a simple website, for technical people, who are used to blueprints, not well stuffed websites.
3. Choosing the right tools
According to the website specifications and the schedule, I couldn't afford to have a developer, so we decided to find a good Wordpress theme, that we would modify. So before Designing, we agreed on the right theme. Like that I could then focus on wireframes and go faster to designing the graphism of the user interface.
4. Design - sitemap & wireframes
First, we agreed on the sitemap, and I started to design the different elements that would be on each page, and why. After Information design and Interaction design, I started to make a prototype of the wesite, on paper. I tested the website with a few people and as we were in agile development, we changed a few things during each iteration.
5. Visual design & SEO
The logo and colors were already choosen, but I had to design the guidelines to make sure the website would fit with the visual identity.
6. Time for Production
I Installed Wordpress on the ftp, created the sql base and uploaded the website. After a few adjustment, The website was live !
1. What is a Hackathon?
When I was in UK, I went to a hackathon and we won the second price. But what is a Hackathon? A Hackathon is a marathon of 48 hours, where we create software, it could be an app, a website, and sometimes we make a product. We are a team between three and six, composed with developpers, designers and anyone who could help us. everybody meet in a place where food is provided, and where we can work together even during the night. The organisation pick a subject that seems interesting enough, and we come with ideas. We pitch, we ask for people to join our team, and at the end we explain our service.
2. The team
This girl was a doctor, and had an idea since a few years ago already. She didn't know what was an Hackathon but she saw an opportunity to make this idea real. "How could we help people who have already a cancer but are not sure, to cure it as fast as possible?" that was the problem, and the girl knew that with a few intimate questions about our excrements, we could detect if we had a guts cancer. The idea was to try an app, answer a few questions about you excrements, alone with your tablet or smartphone, and then you could directly find the nearest general practitionner who could meet you as fast as he can, knowing you will have a lot more chances to cure if you start as fast as possible.
During those 48 hours, I learned a lot about how to work fast, how to go straight to the point, sometinmes leaving the user experience behind. the aim was to present our idea, making an app in 48 hours is already a performance. I cut a few png images from the visual design, I give it to the dev, we test, I modify a few things, and again I send it to the dev... It's fast, lean, iterative. There, I learned a lot on how to make a good draft, test it and make the final visual design afterward when the dev is coding.
During last year, a few people asked me to find a way to make a cheap website, they were all freelancers, and they wanted to show their work. I thought the best way would be to setup a wordpress website, like that they could add their own content by themselves.
Below this is the website of Pauline, who is creating exibitions.
Pauline had an visual designer associate, and she wanted to have a new website. They were both interested about the same style of portfolio, so we decided to work with the same theme.
We decided together what they wanted to achieve with their website, and then we created tthe sitemap. The website of Pauline had a poor UX design, the menu had six categories, and two of them were sub-categories. So the user was always asking himself which category he should click. we didn't have a view of all the project in the same time, only one was showing, and in 70% of the case, the user was missing the small arrow to go to the next projet.
The last project was for PaoloBattista.com, who is starting his business. He's selling suits, and he needs a website to show the kind of suits he's creating.
Discovery and research
First, I try to have a good understanding of the subject. I use a dictionary, to be sure to know what we are talking about, and where it comes from. I also look if some people have been doing some research about, and I sum it up.
Understanding the user
I find some users or potential users of the service, and I ask them how they use it, why and in which conditions. This helps me to discover what kind of scenario the users are waiting for.
Whith this data, I can now create Personas to help me focus on a few typical users.
We know who is the user, what he wants, we can now create a prototype of what the website/app coud be. With some paper and a whiteboard we draw what will be the website/app. With those drawings, we can test different scenarios and see if everything is allright. We add some features in the good place, we simplify the user experience.
Wireframe and Interaction Design
I can now start to make proper wireframes and architecture the information. I make a complete scenario with each screen the user will see. I also think about Interaction design, and how to make the user experience as smooth as possible. I write everithing that could help the developer understand what will happend when the user will interact with it.
Before making a pixel perfect template for a website or an app, I do some moodboards to make sure that the client agree with what I will design. Then I can start to design my elements ! After this step, the developper and me will see each other to make everything perfect.
We Can now test with a few users and see if everything is fine.