The making of the CIAN website templates

Overview   Process  

Starting to work on the design concept.

cian process 01

Coming up with ways to display ads for different types of visitors. Real estate agents see a detailed table, while regular visitors see property cards with images they can search through. We also add the ability to see search results be on the map—the website didn’t have this feature before.

Working with the ad page. Showing the result to the client.

cian process 02

They like it. But deem several ways to present information to be excessive. They suggest we choose one alternative that would be convenient to all user categories. We start designing the templates and writing the statement of work.

cian process 03

We get the idea to allow users to save search results on tabs. This way, real estate agents would be able to work with several orders at once having a separate tab open for each of their clients.

cian process 04

Considering the best way to present saved search results.

We get the idea to allow users to save search results on tabs. This way, real estate agents would be able to work with several orders at once with a separate tab for each of their clients.

cian process 05

Trying to make expanding blocks that would contain new offers. Property cards will expand right on the search page.

cian process 06

Experimenting with the main page.

cian process 06 1

Reverting to the original idea with tabs.

cian process 07

Developing and describing the workflow.

cian process 08

Thinking how the ad list will look on narrow and wide screens.

cian process 09

Starting to work on property cards.

cian process 10

Designing advanced search forms for all types of real estate.

cian process 11

Drawing the new ad form and the user account page.

cian process 12

Creating the real estate agent planner. It will contain meetings and phone calls related to the ads on the website. Drawing the missing pop-up windows.

cian process 13

Order a design...