Rentalio

Subsequently, we conducted a survey of competing tools and summarized their pros and cons. We summarized the findings from the initial meetings and market analysis into a wireframe, which gave us a more concrete picture of the structure of individual pages.

Wireframe is again they consulted with the client and, after agreement, created a prototype that showed the client the interconnectedness of the individual pages. Thanks to the prototype, the client and then the developer knew exactly where which button was pointing and could test the intuitiveness of using the website for themselves.

Once we they had a clear idea of the structure and we knew the number of individual pages, the next step was the choice of technologies and the UI design proposal.

Given the scale of the project, it was clear that we had to choose a solution that would allow us to create the pages as quickly and easily as possible , as the project has no specific features or functionality requirements, so we chose Keystone.js to quickly create a simple CMS (site administration interface), Next.js to provide the backend of the site, and the React library for coding user interface.

By choosing these tools, we got a better idea of the duration and complexity of the work on the project, thanks to which we were able to send the client a price quote and a development plan. After their approval, it was time to work on the graphic design of the website.

As part of the preparation of the user interface design, we focused mainly on the way of presenting individual information and conversion elements. We chose a minimalist style that briefly but understandably explains the goals and principle of the services offered. We chose two conversion elements:

• Contact form (classic and in the form of a pop-up window), which the visitor uses to arrange a consultation.
• Form for pricing the apartment, which serves the client (Rentalio) as a means of collecting e-mail addresses and opens the door to the world of e-mail marketing.

After the design was approved, it was time for the coding itself. The developers gradually created individual components of the user interface and connected them to the backend. Subsequently, they optimized the site in terms of web loading speed and responsive design so that the site can be used comfortably on devices of different sizes.