Town Health International Medical Group and its subsidiaries (collectively the “Group”) is one of the largest listed healthcare groups with the longest history in Hong Kong.
In line with the reform and further development of Town Health International Medical Group, we have redesigned its website to optimize the user experience quality of the website.
The advantages of the group developing into an industry leader with abundant resources, active commitment to social responsibility, and a strong professional medical team are displayed through different pages of the website, which will enhance the corporate image of the group, and become an international first-class medical group. Therefore, it increases the confidence of stakeholders such as citizens and investors in the Group.
Based on the feedback gathered from the client, we analyzed the main pain points and how our website could establish value by asking ourselves these questions.
The old version is relatively dull without many photos and graphics, and it mainly uses a lot of text and simple images, which is not visually appealing to the visitor that they cannot stay for a longer time at the site.
to achieve the professional image of Town Health Medical and communicate with users
Mainpage
KEY VISUAL
‘’Caring (The spirit to care)’’, ‘’Healing (To skill to heal)’’ and ‘’Leading (The integrity to lead) ‘’ as the theme.
Three photo banners are selected by ‘’people oriented’’, including the interaction between medical staff and patients, colortone is relatively fresh and bright, giving people a soft and simple feeling. Moreover, the bottom layer of the banner is designed with a green and a purple oval, echoing the design elements of the Town Health Medical’s logo.
Animation effects (BANNER)
‧ When hovering the image and transitioning to the next banner, there would be an animation effect.
Animation effects on hover, scrolling and transition have been added to the website to make the website look more vivid.
Animation effects
‧ Animation effects on hover, scrolling, and transition have been added to the website to make the website look more vivid.
‧ Our Business : The line animation of the icons effecting when hovering.
‧ Health Videos : The number jumps when converting to the next video.
About Us
Tab buttons
In desktop versions, some pages will provide tab buttons stick to the left side as the page has a lot of information.
Users can jump to the relevant section directly so that saving scroll down time.
(For example, apply to the pages of ‘’About us’’, ‘’Hong Kong Business - Medical Services’’ and ‘’Corporate Governance’’)
Overview section
The information box turns the large text into five main points, which can be read along the steps flow.
Milestone
There is a timeline on the right so that the visitor can know the development history of the group.
Awards
Visitors view the group’s past awards according to the year by sorting function.
The old version of the website only had a plain text table list, we added the logo of the award in the new version to enhance the professionalism.
Our Business
Each business page has a top banner with a text box, and a button will be attached to link to the related external site.
Type of Services
There are icon tabs with a hover effect
Medical Network
Filter with location map, link to Google map
According to the search results of the filter, the visitor can click the corresponding option in the Location list results on the right, and the Map on the left will mark the relevant location and information
Other Hong Kong Businesses
Back to other Business pages at the same level
