Barki Real Estate Developments

Redesign of the Barki Real Estate Developments website based on new design trends, improving usability, information architecture, and built with WordPress.

barki.com.br/

Tools

The Project

In 2008, the owner of Barki Real Estate Developments, Hélio Barki, contacted me to develop an update for his website. At the time, the project was built in Flash, had no client-side administration, and was not optimized for search engines. Barki owns two business centers, CE Barki and Ipanema Spaces. Therefore, the client needed the website to fulfill two important functions: to be found by potential tenants interested in renting office spaces and, at the same time, to serve as an information hub for companies and entrepreneurs who were already tenants.

Project evolution over the years

2008 – 2009

In 2008 I had not yet mastered WordPress, but I already had my own PHP framework. For this reason, the first version of the Barki Real Estate Developments project was developed in pure PHP/MySQL, with its own administrative area, without the use of third-party systems. Initially, we created a light and clean website. However, after a few months the client requested a visual style with more elegant colors and a more “luxurious” identity. Even with the more limited resources available at the time, we managed to achieve the desired identity.

2013

Over time, Hélio Barki eventually became a friend. In 2013, he contacted me again to create a new version of the website launched in 2009. The goal was to improve the visual design, usability, and overall user experience. We also focused on a more minimalist design, with greater emphasis on photography, better content organization, and a clearer display of office listings available for rent. We also made the site more compatible with the new mobile devices that were becoming increasingly popular at the time, especially devices with larger screens.

During this period I had already mastered WordPress and Bootstrap. Therefore, I suggested creating a website with more modern, dynamic, scalable, and secure features. The project was developed using HTML5, CSS3 with LESS preprocessed via Gulp, JavaScript/jQuery, and WordPress.