Website Design for AZZO, a premium home interiors store.

A WordPress Design Project to expand the brand’s digital presence and build a brand new website for AZZO.

E-Commerce Website Design    |   Branding    |    WordPress

About the Project
AZZO is a premium home interiors and furniture store based in Delhi, India.

Post pandemic in 2020, due to new regulations around social distancing, and months of uncertainties in business through continued lockdowns, it became imperative for brick-and-mortar stores to go online for a new way of attracting customers. The project, therefore, was to expand the brand’s digital presence and build a WordPress website for AZZO.

Keeping the website’s digital identity in line with the brand’s unique aesthetics, the challenge was also not only to design an appealing website but also to keep its interface young, bold, vibrant, and fun. Additional feature requirements included product galleries, an e-commerce store plugin, contact forms, and payment gateways.

LAUNCH WEBSITE
About the Client
About AZZO Modern Furniture

AZZO was born in Delhi, India, in 2011 and is today a premium modern furniture brand. It is known to design, produce, and sell a range of contemporary design furniture, accessories, and lighting for the living room, dining room, and bedroom. AZZO furniture store offers everything within modern design ranging from designer beds, sofas, coffee tables, and armchairs to practical wall units and dining sets. It also helps its customers to create a personal home with a comprehensive in-home or in-store Interior Design service, including options in materials such as leather, velvet, or any other fabric choice.

Project Details
  • Product Designer
  • 12 weeks
  • Google Domains, Bluehost, Wordpress, WP Bakery, WooCommerce
  • Figma, Sketch, Whimsical
  • Home interiors, E-commerce
Design Challenge 2
Mood-boarding for a consistent site design

To keep the UI of the entire website consistent, it was important to achieve a cohesive visual identity, while keeping all the design principles in mind. Considering that our homepage was now based on vector imagery and bold solid colors, another constraint was to balance the look in the subsections, which were rather photo-heavy to show the brand products. To cater to this challenge we started with a mood board exercise to come up with a layout that stays consistent with the homepage.

Branding Style Guide
Creating balance with a defined style guide

Moving on, we defined a fixed color palette that has been used as a powerful identifying symbol in the entire interface. We further created balance through the right contrast between the background of the website and content, a consistent icon library, buttons style and sizes, and the use of typography principles for headings and body content.

E-commerce Design Solution
Solution to Azzo’s unique e-commerce constraint

E-commerce is a tough choice in the luxury furniture industry for both the manufacturer and the end-user. Transactions involve high price points and exclusive design customizations which are hard to achieve securely online. But owing to the pandemic, it has become inevitable for a brand to include an e-commerce platform in its digital presence.

Finding a temporary solution, we decided to disable the ‘Add to Cart’ feature on the website, for now, enabling the customer to use the e-commerce store as a virtual window shopping experience instead. Consumers can visit the AZZO website to surf for all available products, explore all their options, save them as their wishlist, and then contact the store for further customization and pricing.

This decision was based on the mental model of a typical e-commerce user which is formed around a cart and check-out, and therefore we retained the entire process in our design until the stage of being able to save products in the cart. However, to avoid any further confusion that the customer cannot really check out and place the order — we designed big bright ‘disclaimers’ as modal popups specific to our theme to keep the user informed at all times.

This way the new AZZO customer can now visit AZZO online as a virtual store and still find security in placing their order later in-store through pre-booked appointments. We also added a ‘Contact Form’ to the website for a customer to easily reach out to the store manager through email, other than the contact page details.

The navigation of the respective ‘Gallery’ and ‘Product Pages’ is also interconnected to help the users find individual product details easily, along with an easy switch to the gallery to explore more products in each category. To be specific, while the product pages detail each product with a name, description, color, and material type; the gallery is centered around exploring all possible available products in one place.

We hope that AZZO will soon be a full-fledged e-commerce store with secure checkout and payment in the future.

Responsive Design
Making it mobile responsive

According to research, mobile accounts for approximately half of the web traffic worldwide. In the third quarter of 2020, mobile devices (excluding tablets) generated 50.81 percent of global website traffic, consistently hovering around the 50 percent mark since the beginning of 2017.

As more and more people use their mobile phones to access the Internet and shop online, creating a mobile-optimized website for AZZO was another necessity.

Future Scope & Key Takeaways
Future Scope

Depending on the response of the users and changing market trends, the website can be made more transactional by the complete integration of e-commerce if and when required in the future.

Personally, I would love to work more on such website design projects, where the client is open to ideas, experimentation, and an unconventional design approach. This gives me and my team an opportunity to explore more styles and make something truly unique to the brand identity.

css.php