Tools and Skills
1. Heuristic Evaluation
2. Interviews
3. Usability Testing
4. Adobe XD
Overview:
Client plan to redesign their whole website, they add a new webpage in new UI as a marketing webpage. They request me as a UX designer, to evaluate the new design and provide feedbacks and suggestions.
Team and Duration:
1 designer
2 days
Resources: (Only in Chinese Version)
Client current webpage link:
My new design iteration link:
Learn From Research
Although the job content is only about one webpage, certain amount of research and interviews had been conducted, in order to get the right balance between client and user expectations.
Client Interview
Talking to client is effective to help locating the target users group from their point of view. Client create the new marketing page to attract new customer to use their service, they expect to gain new business from legal and accounting firm through the webpage.
User Interview
We have shown the current webpage to few users, including users who work in legal firm, below are their comments:
User’s comment:
1. Looks non-legit
2. Banner photos and fonts are confusing
3. Button”想了解更多” – expect to see more information instead of making a call
Translation: ("想了解更多" means "want to know more?")
4. Law firm concerns IT infrastructure service rather than marketing service
Expert Review
After gathering feedbacks from users, I performed a heuristic evaluation to the webpage. Review as follow:
1. Excessive buttons on the page to contact with the company, stopped user to scroll down the page and affect user flow.
1a. - Top right corner “Start Trial Service” link to website “CALL NOW” page, so the function is duplicated and become meaningless.
1b. - Top right corner “Whatsapp icon” – is not aligned to page design.
1c. - Main Banner Button”想了解更多” – action to call in first button of the page is violating user flow.
Translation: ("想了解更多" means "want to know more?")
2. Can there be pricing for “虛擬桌面”, to align the content with other service.
Translation: ("虛擬桌面" means "Virtual Desktop")
3. Fill in form at the bottom of the page – if client are interest in your service, do they want to wait for your call?
4. 想參與試用服務? – so does it cost money or not?
Translation: ("想參與試用服務?" means "Want to join our trial service?")
Design alteration
After the above research and review, some slight change on the webpage are applied to improve the overall user experience.
A: Top Navigation Bar
1. Deleted “Start Trial Service” button to avoid distraction
2. Change WhatsApp button to match colour tone
B: Hero Banner
3. Hero Banner font size aligned
4. Deleted three English subject in hero banner because duplicate with subject in next section
5. Darken and blurred hero banner to bring focus
6. Button "想了解更多" scroll down to the service explanation below in 2nd banner
Translation: ("想了解更多" means "want to know more?")
C: 2nd Banner
7. UI layout changed
8. Service arrangement changed, sort by the most needed service
D: 3rd Banner
9. Whiten and blurred the background image to bring out the focus
E: 4th Banner
10. Service arrangement changed, sort by the most needed service
11. Button "聯絡我們了解詳情" scroll down to the 5th Banner to fill in contact form
Translation: ("聯絡我們了解詳情" means "Contact us for more details")
F: 5th Banner – Contact Form
12. UX writing for subject and remarks
13. Minor UI colour editing
14. Added hints for customer to contact directly.
Other Changes and comments:
1. The IS banner is not a good idea in a service selling page, should stay in company information page.
2. The puzzles in 3rd and 4th Banner are not 100% related yet, especially the light blue one.
End of Case Study - Insight Solution - webpage UX recommendations
