Role: Website Designer/Photographer Tool: Pen & Pape, Figma Duration: 05/2023 to 09/2023
On the Canaan Site Furnishings website, the primary emphasis lies in presenting their contemporary product line and facilitating seamless ordering services. I undertook a comprehensive case study to evaluate and enhance the user experience, strategically addressing identified areas of improvement.
01.
An Overview of the Redesigned Interface & Flow



02
Interactive Key Details



Understanding the Current Interface
Before ideating the new experience, I took some time to understand the user goal and pain points of the existing interface.
01.
Company’s Goal and User Goal
The company aims to showcase its contemporary rebranding, emphasizing its commitment to delivering cutting-edge products. Users should be informed about the company’s focus on innovation.
However, the company is currently grappling with several significant issues, which not only feel outdated but also run counter to fundamental design principles
02.
Current Page Layouts View





Ideating & Sketching
I kicked off the design stage and sketched out low-fidelity concepts with just pen and paper while keeping in mind both the company’s goal and user pain points I had collected so far.

Following the completion of the low-fidelity prototype, I proceeded to initiate the development of the high-fidelity prototype. During this phase, I explored multiple visual outcomes and conducted thorough comparisons with feedback obtained from my clients.


The New Design
Modern Approach
When designing a high-fidelity interface, I focused on the visual appearance and transition fluency while making sure the Canaan branding was respected.


02.
Fun Elements

03.
Modern Elements and Organized Information

04.
Interactive Engaging Elements

05.
Well-structured Form with an Aesthetic Appeal

06.
Implemented visually cohesive and strategically selected images on each landing page



07.
Illustration for Explanation


08.
Depth & Elevation
Compared to the original design, the new design utilizes the difference in depth and elevation to convey the relationship between components.

Design Alternatives
When engaging in the design process with stakeholders, I consistently offer multiple design options, striving to expand my creative boundaries to achieve the most fitting and optimal outcome.



09.
Photographies
In addition to overseeing website design, my responsibilities extended to the photography aspect where I meticulously captured compelling product images, skillfully highlighting the products within their respective environments to encapsulate the optimal visual representation.








