Empathy · Ideation · Prototyping · Development
Introduction
Design process of a new feature from scratch, from the conception of the idea to the final implementation of the "news" panel in the private area.
Background
As we all know, the more complex a product is, the longer it takes to get used to the controls. Therefore, it is important to take into account new users, facilitating their first steps.
Cosentino We, after only two years in business, we had four business lines, each adapted to a different customer segment. Each platform has features for each type of customer.
Challenge/Reto
Design the best experience for landing new users and informing them about the latest marketing communications.
With the idea of guiding new users, we detected the need to create an introduction to the features.
Through this project we improved the landing to the platform, informed about the latest news and boosted the Marketing communication about the latest product
DEFINE AND IDEATE - PHASE 2
2.Ideation and prototyping
In order to get as many ideas as possible in the quickest and most effective way, we conducted several crazy8s. A Crazy8 is an ideation technique in which we develop an idea in 40 seconds, this is repeated up to 8 times. In this way we free our creative mind, we try from the most conventional to the most innovative ideas.
When faced with a blank sheet of paper to find a good solution, we tend to get overwhelmed by the situation. To avoid this frustration, the best thing to do is to start throwing out ideas. Ideas that make sense of course, so we discard ideas that don't work and we can even make a mix of two ideas that initially seem unrelated.
Once we have sketched out all the possibilities, it's time to level up and move on to prototyping in figma.
It is time to choose the best ideas, continue to diverge the process through the double diamond model in order not to limit the best ideas. The diamond technique causes two phases, so that initially we generate as many ideas as possible, in order to keep the best one.
Once the ideas are more advanced, we consider the pros and cons of each of the varieties. We choose the most appropriate one according to the one that best suits the situation. We can analyse which one requires more or less technical effort, economic investment and scope.
The best way to capture an idea in a short time is as simple as taking a BOOK AND PEN.
This way it is easy to come up with a wide variety of ideas and not fall in love with any of them, allowing us to make changes.
We opted for a panel of news as a feed (entries of "news") in a way that summarises the benefits of each feature. In addition, some of the entries will have a commercial use, it will help us to promote the latest Marketing news.
If our user receives information about a new launch, he/she will be able to find out about it from the platform and can request it if he/she is interested in the product. We increase the visibility of the product and facilitate interaction with the retailer.
Prototyping in MEDIA definition
For this phase we used FIGMA, here we continue the process on the basis we established earlier.
RESPONSIVE
For this project we thought about responsive interaction, that is to say, it should be easy to use and adapted to each device.
In the case of computer the modal would deal with the interaction with back and forward arrows to move comfortably.
On the other hand, on mobile and tablet, we know that the interaction is much more fluid, so we use the swipe option (slide) right or left, as it is a design pattern that we are used to in tools like Instagram.
Prototyping in HIGH definition
After several meetings with the UX team we defined the final deliverable and validated the proposal with each business line involved.
The idea was very well accepted business decided to add it on all platforms.
IMPLEMENTATION - PHASE 4
5.Final deliverable and development
As mentioned, each platform has different functionalities, so each "what's new" entry is adapted to the type of customer.
The maintenance of the panel is easy and quick. We just need a couple of images and write very synthesised texts to reach our user. This panel involves little effort and great impact for the company.
Regarding the development team, once they created the space for the news panel, the implementation in the rest of the platforms was immediate.
extra
6.Summary and learning
After detecting the need to implement the news panel in the private area, I learned everything that is involved in starting a project from scratch.
With this project I have learned...
To take into account all types of users.
The importance of designing the user experience on each device.
There is no design without business, every decision has an impact on business.
The repercussions of design at the structural level of the company.
