How to prepare a great redesign concept? Yellow Pages case study

Have you ever wondered how to prepare a great concept redesign? We can help you with this. In this article, we will give an example of a redesign creating process. We will use our case study from Yellow Pages and present the stages that our UI/UX designers have come through by preparing the redesign of Yellow Pages.

Here you will find information about the various stages that we took into account during the preparation of a project. You will learn, what to remember and what to pay attention to. You will find out how a new redesign concept of Yellow Pages was created. The final effect you can check out here, but we are starting from the beginning. Ok, so let’s go with us on the whole stages.

Point 1. What are the needs of a potential user?

To perform an effective redesign, first of all, you should know a potential user’s profile. Understanding their needs, behaviors or tastes is the key to redesign in accordance with the User’s Experience. Therefore, in the case of the Yellow Pages project, we started our work with deep research and definition of the profile of people visiting this website.

A great solution for any redesign is to use available statistical data, which best reflects users’ behavior and are an answer to all bothering questions. Such as, for example, why users leave the site and when they usually decide to act so. This is one of the examples of information that is the basis for making changes to the UX designer.

In this case, we did not have any access to the statistical data, which is why our analysis was based on conducting research and specification of all imperfections that we saw in the current design of Yellow Pages. Our team of UX designers reflected the potential path that a user overcomes using the functionality of the website. We also analyzed the difficulties that this user must face while on the site.

Point 2. Creation of mock-ups

If you know UX, that’s great. Now it is the right time to prepare mockups. However, if you have not had any contact with UX – check the basic determinants of a good project. What is important is that it can be responsive and scalable.

If you have already passed this stage, you can go on to create mockups. Our team of UX designers began designing mockups that aimed to build an information architecture and to develop a comprehensive design outline. We began the work with the home page, determining the elements and structure of the view, which in a maximum way coincided with the information collected from the first stage. In the process of creating the mock-ups, we also included the ordering and extension of the interface, as well as the specification of the categories. After developing the outline of the page, the model was redrawn in Adobe XD.

Yellow Pages

Point 3. Filling the mock-ups with design

The mock-up model developed by the UX team was passed to the team of UI designers who started work on graphic elements. They filled the model with a new design, and their most important tasks included:

– developing a new style,

– selection of graphics and other graphic elements,

– choosing color palettes (you can use this tool),

– implementation of a visual hierarchy,

– UI prototyping,

– cooperation with the UX team of designers.

Redesign of Yellow Pages

Point 4. Do you think that preparing your project is everything? Believe me. It’s not!

The next step is to prepare the visualization. It requires the selection of a hierarchy, layout or colour scheme. The aesthetic presentation of the project visualization allows mock-up. There is a lot of ways to prepare mockup. You can do it yourself with the help of the program or use the ready mockups, which are available on the web.

This is how the Yellow Pages redesign project is presented in the mockup.

Codest's redesign

What else is worth knowing?

Finally, we would like to highlight a few other elements that should be taken into account in the process of creating the project, which we have not mentioned before. When starting work, one must remember that the final project should be developed in accordance with good SEO practices (it will increase the position of the page in the search engine), and be adapted to mobile devices. It is also worth leaving the possibility of a possible expansion of the project in the future.

If you are thinking about doing a redesign or are just doing it, remember that the key to success is to become a potential user. You need to understand and predict their actions. The personalized message is important. Also, do not forget about all the elements that will allow you to increase the conversion on the website later. And finally, another good piece of advice – act in stages. In this way, your work will be more effective and organized.

That’s all. We wish you luck. We hope our tips will help you create a great project. If you have any additional questions, please, get in touch with us and we will try to help you!

Next

Let's start a project

Estimate project