Aindro - FIFILO - A UI UX Design Studio

Engage in a wholesome home experience

  • Aindro
  • UAE
  • Real Estate & Property
  • UX/UI Design

Pixel perfect UX design for a picture perfect new generation homes enterprise.

CLIENT

AINDRO

BUSINESS TYPE

Real Estate & Property

SCREENS

30+

TIMELINE

2 Month

The Challenge

The challenge for this project was to provide the client with a pixel perfect website that exuded the feel of luxurious and royal living. Since the website would work as a landing site for acquiring customer information, the lead generation form had to be responsive, easy to fill with the minimum number of fields. The landing page required to have favorable locations within the page that would showcase the previous works and projects to have the maximum exposure and impact. All these features and design had to exude the feel of luxury and affluence that would reflect the client’s brand in the best possible way.

WireFrame

The Solution

Discover - To be able to meet the client’s requirements a clear understanding of the business requirements, the expectations of the user and the clients alike is essential. So to ensure we delivered a high quality project set to meet all expectations and requirements, we started off with a detailed discussion with the client to get a clear picture of their needs, the objective of the website and the profile of the target audience. Our next step was to carry out a competitive audit. We browsed through high-end luxury real estate and home development websites for design concepts and ideas.

Define - With required information in hand, our design ideated on the various design concepts and impressions. The main focus as highlighted in the challenge was to come up with a pixel perfect user interface design that gave the feel of luxury living and royalty. So the use of colors and their combination was important. In addition, the landing page of the website would act as a tool for lead generation. Another important aspect of the website to consider was the lead generation form. The website had to have a minimalistic style and design with a regal and stately tone. Value proposition mapping was important for the site to effectively communicate the site’s offering to the users. Other important elements of the website to consider were integration of SEO tools and Key Performance Indicators (KPIs) to attract more traffic to the website and measure the site’s performance against the various business objectives.

Design - Focusing on the style, the color palette and the pixel perfection for the website our team of designers started with a few elementary sketches as the most easy and convenient way to put our vision and concept of the UI design on paper. For the website to have a sleek and pixel perfect quality, we thought it would be best to use the minimal number of colors and delicate and refined style guide and fonts for a more professional and captivating schematics. To be able to produce pixel-perfect quality we had to find the best way to design within the tiny pixels which behave as grids. For effective and prolific generation of leads, the lead generation form had to have a minimum number of fields and the CTA (call to action) function had to be highly responsive. Focusing on these main themes we started creating the wireframe for the website, and with the right approach things will automatically start falling into place. With the satisfactory completion of the wireframe, we started building the website prototype.

Deliver - Before sharing the final version of the product with the client, a product test to validate the various functionalities and features was carried out. A final check on the product’s UI design and user experience was done and integration of SEO tools was examined. Upon the satisfactory assurance that everything was in order we made the delivery of the final version of the product that was pixel perfect in terms of design and graphic. A layout and visual design that met the client’s expectations. The appropriate usage of graphic and style elements providing the website a rich and luxurious feel and setting.

The Typeface

Proxima Nova Rg

The old posters and signs in the traditional Montserrat neighborhood of Buenos Aires inspired Julieta Ulanovsky to design this typeface and rescue the beauty of urban typography

Proxima Nova Rg Bold

Aa

1234567890

ABVDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Proxima Nova Rg Regular

Aa

1234567890

ABVDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Color Palette

Primary Colors

HEX

RGB

CMYK

#0A090A

10, 9, 10

0%, 10%, 0%, 96%

Secondary Colors

HEX

RGB

CMYK

#D4B453

212, 180, 83

0%, 15%, 61%, 17%


Other Secondary Colors

HEX

RGB

CMYK

#FFFFFF

255, 255, 255

0%, 0%, 0%, 0%

HEX

RGB

CMYK

#000000

0, 0, 0

NaN, NaN, NaN, 100%

Have A Design Idea

Let's create a better user experience
together!

icon
icon icon icon icon icon icon