User experience, visually striking design, engaging interactions that drive conversions

balloon
DECOR COMPANY

COMPANY OVERVIEW       //

“Mr i Mrs Balon” transforms spaces for holidays with personalized decorations tailored to each client's unique style and vision. Specializing in custom greeting balloon compositions, they add a personal touch to every celebration. Their convenient delivery service ensures that each order arrives perfectly crafted and ready to impress.

my role       //

  • UX/UI Design

  • User Research

  • Developer

Why was a redesign needed?       //

  • The website was built using Tilda, which is a website builder that is difficult to customize;

  • The information displayed on the website lacked proper organization;

  • The visuals were inconsistent, making the design cluttered and difficult to navigate;

the redESIgn      //

Shown below is a side by side comparison of the old and redesigned version of the website. Some of the key changes include improved information architecture as well as a color pattern  and added interactions.

Before

After

Before

After

Before

After

Before

After

the design

Process

Previous State      //

I started off the project by schematizing the current site map of the website. I worked with a stakeholder to change the information layout in a more intuitive and user-friendly way. In purple are the pages of the website, turquoise are out-of-site pages and below them purple outlined are sections, and pink outlined are interactive sections of the corresponding pages.
This was done in order to ensure that once the user visits the site, they can find the information they need quickly and in an easy to understand manner.

Previous site map state

New State      //

After analyzing the current website state, it became apparent that it would benefit from a restructuring. The sections and pages that we added to further create an intuitive and easy-to-navigate website are glowing.
For example, we noticed from our research that users were having difficulty navigating the menu, so we classified all the offered products into two categories and reorganized them in order of demand.
We added a “How to order” section and a “Price list” page to answer the most common questions and make the pages more convenient for customers. We also created lots of calls to action and added special offers to boost conversion rates and improve user experience.

New site map state

Laying out the Content        //

After identifying the updated content structure for the website, I began wireframing how this content could be put into sections. The focus of this exercise was to showcase the content in a way that met both user goals (ensuring users enjoy the process of obtaining services) and business goals (selling the service). Once the layout was identified in a way that prioritized important content and created a user friendly experience, I dove in to high fidelity designs to focus on the visuals.

Final Look       //

Here are the final designs for the webpages, after applying the visual identity.