Hsiangsdesign Website
It is an image website for interior design studios to share their work and company values
CLIENT
Hsiang S Design
MY ROLE
UI Design
UX Design
Building Website
SUMMARY
Reorganize the old website architecture, provide a better user experience of the website and mobile interface.
SEPTEMBER 2020
Project Goals
PROBLEM STATEMENT
The information structure of the original website interface is plain and basic, and the proportion of pictures presented on different devices is inconsistent , also the operation mode of the interface is not designed for mobile devices, resulting in poor readability and low use efficiency.
1
Reorganize the information structure of the website
3
Style consistent with corporate image
2
Design more consistent user interface on different devices
4
Optimize website traffic and user experience
Research Methods
Heuristics Evaluation
Information Architecture
HEURISTICS EVALUATION
According to the heuristic evaluation to analyze the advantages and disadvantages of the original website, and the website architecture is re-optimized to enhance the user's control of the website, and it is easier to explore in the exhibition area of the works, and increase the user's stay time on the website.
Before & After
Home page
Redesigned home page content will flatten out, more easily for the users to read, and more clearly express the company's value and service, and make the use of mobile devices experience better.
Contact us
The new page uses a more approachable expression, and add commitment description to enhance the user's sense of trust. Contact forms are designed to be more intuitive for filling out.
Our workflow
Readjust icon to make the image more semantic, add job description and image the information, so that readers can understand the process sequence more clearly and reduce the reading burden.
Our portfolio
The connectivity between pictures and words in the original portfolio page is lower. The updated Portfolio work is presented in a card format, which makes reading more intuitive and more consistent on mobile devices.
Portfolio content page
it is more clearly to show the content by present the work on an independent page, and design different operation modes for the website and mobile device. Web photos provide a thumbnail preview for users to view freely. Mobile devices use waterfall layout to present photos, providing a more user-friendly interface.
Learnings
This is the first case I developed with WiX, and I learned it from receiving the case. I told myself that this is what I should be able to do, and I should try my best to achieve the task! So because of this case I learned how to use WiX to set up a website! Thank me for giving myself the opportunity to believe in myself!
Next Project
