Smiles To Your Door

Competitive Analysis

As part of our research, we conducted a competitive analysis of Make It Mine, the top competitor of Smiles To Your Door, to gain insight into their design aesthetic and practices.

Key takeaways from the competitive analysis:

• Modern, intuitive, and playful design, featuring a simple and cohesive color palette.

• Maintain a consistent and clean look throughout all pages.

• Easy and clear navigation that is user-friendly.

Medium Fidelity Wireframes

As a UX/UI designer, I was assigned the task of revamping the Home and Contact Us pages in collaboration with a team member. During the discovery phase, we identified the pain points in the existing pages and brainstormed solutions to enhance the user experience. Additionally, we created a new FAQ page to address common user queries.

After conducting a thorough audit and analyzing the competition, we decided to replace the original two-column scroll design of the home page with a single scroll layout that emphasized key information and product sections. The wireframes we developed in collaboration with the team were instrumental in the iterative process and formed the basis for the final designs.

To ensure our design adhered to industry standards, we researched other B2C home pages and leveraged their organizational strategies to create a user-friendly and intuitive layout.

UI Iterations

After receiving feedback from the client on four design iterations, our team took the opportunity to refine and improve our approach. Although the client was generally satisfied with all of the iterations, they ultimately chose to proceed with the first design which me and another designer collaborated on, while requesting the removal of specific elements and the incorporation of features from the other methods. The feedback emphasized the importance of designing a gender-neutral site to meet the target audience's needs.

Taking into consideration the client's preferred design elements, we decided to pursue a scrapbook-inspired aesthetic that aligns with the personalized and intimate nature of the scrapbooking process. The design elements that informed this decision included tape pieces, hearts, and information cards, further enhancing the scrapbook-inspired look and feel.

Overall, I was delighted with the outcome of this iteration, particularly in terms of how the design elements came together to create a cohesive and visually appealing user experience.

High Fidelity Wireframes

During our UX/UI design process, our team worked collaboratively to review and assess each page, ensuring that we integrated the client's requirements while balancing them with our own design decisions. We incorporated feedback from the team and adhered to best practices for each page to create optimal user experiences.

To optimize the user experience and ensure alignment with the client's objectives, the team employed a task-based approach by segmenting the workload per page. I collaborated with another designer to create wireframes and prototypes for the home, contact, and FAQ pages, while the remaining pages were assigned to the other members of the design team.

As part of our UX/UI design process, we created a prototype to facilitate our understanding of the navigational pathways, from the homepage to product purchase, contact page, and learning about the company. Information hierarchy was crucial to the design, and prototyping validated our design decisions. It allowed us to test and refine the sort options on the search and shop pages and create components and pages to demonstrate how they would function. The prototype also enabled us to collaborate effectively with the client, providing them with an interactive representation of our proposed design solutions. Ultimately, creating a prototype benefited our team by enabling us to iterate and refine our designs efficiently while providing clarity to stakeholders.