ZAM Interior Design Website
Interior e-commerce responsive website design
“ One website to fulfill all your interior designing needs ”
My role: UX/UI Designer
Tools used: Adobe XD, Indesign, Photoshop, Illustrator
3 weeks started from June 3rd, 2023
ZAM design is an online platform which offers interior design advice virtually. The personalized approach ensures a seamless communication process and stunning results that exceed expectations. The responsive website worked as an Ecommerce platform to give you overall information with pictures of the all types of interior design projects, the process how the design is completing.
The main goal of ZAM design is not only to get customers but also to take care and understand the needs of users.
Paper and digital wireframing
Low and high-fidelity prototyping
Conducting usability studies
Accounting for accessibility
Iterating on designs
The plethora of criteria to consider before designing a space can be overwhelming.
Hiring the perfect professional designer who understands their individual, unique needs and delivers on time while being on budget is burdensome.
People find it difficult to visualize how furniture will look in their home.
Finding the right furniture piece with accurate measurements, suitability to personal taste, etc can be hard.
Explain the brand’s values, ideology and design process in an easier manner and increase user satisfaction.
Users can browse and choose design approach. The session should be conducted entirely within the app.
Creating a user friendly interface with simple visual to catch up easy and understandable website design.
Users should be able to be recommended design options by the specialist both during and after the call.
When initiating the primary research phase, I decided to conduct qualitive interviews with individuals who were looking into furniture, had experience relocating or were looking into relocating.
Primary Research Goals
Understand the primary users and their motivation for furniture purchases.
Understand their experiences with moving and relocation.
Understand the considerations they take into account when making furniture purchases and before using online interior design platform.
Tools used in the process of looking for any interior design service.
User Pain Points
Users struggled with evaluating the credibility and expertise of industry professionals through traditional methods.
Users expressed a desire for transparency and trust in their interactions with professionals.
Users highlighted the need for tools and feature that assist in making informed decisions.
Users faced difficulties in locating and engaging with design experts.
Annabelle Chan is a new married wife planning to renovate their home who needs to find information about how designer is working, price of the service and the process, because she doesn’t want to waste time and energy making the wrong decisions by themseleves.
Annabelle and her husband have just married. Both of them have collected their keys to their new BTO flat. They have taken out some time to do basic research on pre-renovation works. She is very concerned with the renovation cost given her tight budget hence, opting for contractor instead of an interior designer. However, there’s a trade-off is she opts for a contractor instead an interior designer.
Family: Married. No children
Occupation: Sales Manager
Hard to understand the process
Hard to find an agency to execute her ideas perfectly.
Hesitant about trusting an interior service online portfolio.
Renovation work needs to be cost effective.
Needs to have some form of home visualisation tool.
Needs to minimize any unmet expectations.
“It is very important for me to be able to envision my dream home before the works proceed.”
Purchase a design package
Browse projects for more ideas
Have enough information
User opens the app
User wants to buy a design package
Create an account / log in
Starts a new project
User knows what he wants
Design Package Page
Compare the design package
Design Package Detail
User wants to find a pro
User knows project details
Fill in project data
Review and compare
User wants to move forward
Contact the service
Have enough information
Connect with pro
Log in / Create account
What We Offer
Book a Consultation
How It Works
E - Design Package
Fill the Form
Ready To Work With Us
Why Choose Us
Refer and Earn
Buy a Design Package
Low Fidelity Wireframe
I created low-fi wireframes to look objectively at the website’s ease of use, name links, navigation placement and feature placement.
Key Website Page Wireframes
Key Mobile Page Wireframes
Annotations On Homepage
Account page will allow user to edit personal profile settings, check project design status, and update design preference anytime during the design process.
Fixed page header navigation bar directs to main content pages and subcategory pages.
Social icon links to various media platform created for ZAM design.
Themed button directs to the page of brand service aggregator.
Showcases of brand design projects had haven been completed.
Page footer allows users to subscribe company's updates and offers.
High Fidelity Wireframe
Usability Study Finding 1
Add navigation button direct to the design working process content page, so the users are able to understand the main purpose of making an online design package.
Button was added to help users to better understand the design process and improve the ease of navigation.
Usability Study Finding 2
Add navigation button directing to the style quiz page, so the process is cohesively connected with in each step.
Usability Study Finding 3
User needs clear instruction to indicate when the user successfully logged into the account.
“Log in” button was updated to the profile icon when the user enters into the account.
Style quiz button was added before selecting design packages
Button was adeed to access to the full service page.
Enter user’s email to subscribe the company’s updates.
High Fidelity Wireframes
Even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs to be helped me come up with solutions that were both feasible and useful.
I’m more au fait with how to test low-fidelity prototypes better by adding intentional content to be evaluated.
Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.
Continue iterating user flow based on another usability study.
© 2021 by ZAM Design . All Rights Reserved. Legal/Privacy