About the project
Responsive presentation website with modern design
The Rentalio presentation website introduces its visitors to the project of the same name, which aims to mediate the rental of apartments and communication between tenant and tenant. It is a simple website whose main purpose is to motivate the reader to order the services offered.
Client
Rentalio
Business area
Real Estate
Application and system functions
modern design- responsiveness
- contact form
- pop-up window with contact form
- form for pricing the apartment
- interactive map with the company's headquarters
- three language versions
Entry
The Rentalio team approached us with a request to design a simple presentation website that motivates potential clients to use the services offered.
An important factor was to highlight all the advantages of the project and to attract visitors with an attractive design.
Technologies and services
Technologies
Keystone.js (CMS)
React
Next.js
Services
UI/UX design
Creation of web pages
Testing
Duration of the project
3 months
Team
1 frontend developer, 1 backend developer, UX designer and project manager
Rentalio website creation in 9 steps
Within the framework of the cooperation, we designed and created a modern presentation website that elegantly presents the purpose of the project to visitors and motivates them to use the services offered.
- The first step of the cooperation was a series of consultations, during which we clarified with the client the idea of the structure and content of individual pages of the website.
- Following the consultation, we carried out market research and competitive solutions.
- We used the findings from the survey to create a wireframe and an interactive prototype of the website, which allowed the client to "click through" the pages and try out the website.
- After the prototype and wireframe were approved by the client, a second analysis of the interim state of the project followed, in which we searched for the most suitable technological solutions that would allow us to launch the website to users in the shortest possible time.
- We again consulted the outputs with the client and subsequently delivered a development plan along with a specific quotation.
- The UX/UI design of the website followed, which already brought a more concrete view of the final form of the website.
- In relation to the chosen technology and the scope of the project, we selected developers from our team to code the frontend and backend of the website.
- We performed a series of tests on the product we created to ensure the best possible user experience and to optimize the loading speed of the web pages.
- After tweaking all the details, we deployed the website to users.
During the individual steps and phases of website development, we always sent the current status to the client so that they could make comments as part of agile development.
Solution detail
We started our cooperation on the creation of the Rentalio website with a consultation, during which we created a proposal for the structure of the website together with the client. We then researched competing tools to discover their pros and cons.
We summarized the findings from the initial meetings and market analysis into a wireframe that gave us a more concrete picture of the structure of each site. We again consulted the wireframe with the client and, once agreed, created a prototype that illustrated to the client the interconnectedness of the individual pages. Thanks to the prototype, the client and subsequently the developer knew exactly where each button referred to and could experience the intuitiveness of using the site for themselves.
Once we had a clear idea of the structure and knew the number of individual pages, it was time to choose the technology and design the UI design.
Given the scope of the project, it was clear that we had to choose a solution that would allow us to create the site as quickly and easily as possible, as the project has no specific features or functionality requirements. We therefore 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 to code the user interface.
By choosing these tools, we got a better idea of the duration and complexity of the project, which allowed us to send the client a quote and a development plan. Once these were approved, work on the graphic design of the website came next.
During the preparation of the user interface design, we focused mainly on the presentation of individual information and conversion elements. We chose a minimalistic style that explains the objectives and principles of the services offered in a concise but understandable way. We chose two conversion elements:
Contact form (classic and pop-up), which the visitor uses to arrange a consultation.
An apartment pricing form that serves as a means for the client (Rentalio) to collect email addresses and opens the door to the world of email marketing.
