Hong Kong Mood Disorders Centre - Showcase - Web Design Company Hong Kong | Digital Agency HK - YSD # Hong Kong Mood Disorders Centre ![Hong Kong Mood Disorders Centre-logo](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/Hong%20Kong%20Mood%20Disorders%20Centre-logo.png) The Hong Kong Emotional Health Centre is an organization led by the Department of Psychiatry, Faculty of Medicine, The Chinese University of Hong Kong, and a group of professionals dedicated to providing education, treatment and research on emotional health issues. YSD orchestrates [Web Design](https://ysd.hk/en/web-design) and full-scale development for Hong Kong Mood Disorders Centre, presenting the brand's unique character through intuitive interfaces and cutting-edge technology. [ See it Live (Official website) ](https://www.hmdc.cuhk.edu.hk/) Web Design Scope ## Web Design 1 in every 4 people suffer from this? If you catch a cold, you know it, because usually you have runny nose, sore throat, cough, and congestion problem. So getting a cold is no big deal, as when you know it’s here, you will find ways to tackle it. However, what if there are illnesses that are harming every 1 in 4 people in our society and you may actually be one of the victims? ![5c948e384af09](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384af09.jpg) ### Official website [Live ](https://www.hmdc.cuhk.edu.hk/ "See it Live") This illness is called mood disorders. Unfortunately, this illness is not 1 illness but a collection of mental disorders, including panic disorder, social anxiety disorder, depression and many more. They are common to have, but very hard to be diagnosed. This is why our latest client, the Hong Kong Mood Disorder Centre, strives to meet this challenge. They are set up to arouse awareness toward mood disorder, provide treatment and training for patients. ![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384c246.jpg "5c948e384c246") To achieve this goal, this client believes a relaxing, light and comfortable website can help, as potential patients can look around, understand the disorders and seek help. A relaxing, light and comfortable website? How can we make a site like this? ![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384d4ae.jpg "5c948e384d4ae") On the home page, our client suggests putting a group of animated curvy lines in the top banner. These slowly-moving lines represent the emotional problems in our mind, which fits perfectly to our client’s work. ![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384e61a.jpg "5c948e384e61a") We also slow down the website animation for a more relaxing feeling. When you go around the website, banners, texts, images, and even the contact forms are fading in slowly and consistently. When users are viewing these, they feel much less rush and overwhelmed. ![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384f8e6.jpg "5c948e384f8e6") Apart from animation, we focus our attention also on selecting images that match our clients’ work. On the page about Depression, we hand-picked images that fit the description of depression. These images complement the description and make it more relevant to website users. ![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e3855d9c.jpg "5c948e3855d9c") Throughout the whole developing process, our colleagues have valuable communication with our clients. Even though we argue about the alignment of text, the color, the banner icons, the speed of the animation, the images used on each disorder detail page, etc, finally we come up with a well designed website that hopefully helps our client achieve their mission. ## Categories - [ \#CUHK ](https://ysd.hk/en/showcase?category=cuhk) - [ \#Professional Services ](https://ysd.hk/en/showcase?category=professional-services) - [ \#Wordpress ](https://ysd.hk/en/showcase?category=wordpress) - [ \#Education & Institutions ](https://ysd.hk/en/showcase?category=education-institutions) ## Interested in a similar project? Let us help you bring your ideas to life. Contact us for a free consultation. ## Related Projects [ Highlight ![Web Design: Gulf Oil Marine Ltd.](https://ysd.hk/storage/webp/resized/3622/500x/56b085149f833.webp) ### Gulf Oil Marine Ltd. ](https://ysd.hk/en/showcase/gulf-oil-marine-ltd)- [ \#Professional Services ](https://ysd.hk/en/showcase?category=professional-services) [ Highlight ![Web Design: Dr Fan’s Animal Care Centre](https://ysd.hk/storage/resized/1551/500x/dr-fan-detailpage-01.jpg) ![Web Design: Dr Fan’s Animal Care Centre](https://ysd.hk/storage/resized/1552/500x/dr-fan-detailpage-02.jpg) ### Dr Fan’s Animal Care Centre ](https://ysd.hk/en/showcase/dr-fan-s-animal-care-centre)- [ \#Medical ](https://ysd.hk/en/showcase?category=medical) - [ \#Professional Services ](https://ysd.hk/en/showcase?category=professional-services) [ ![Web Design: GCI](https://ysd.hk/storage/resized/1707/500x/gci-detailpage-1.jpg) ![Web Design: GCI](https://ysd.hk/storage/resized/1706/500x/gci-detailpage-2.jpg) ### GCI ](https://ysd.hk/en/showcase/gci)- [ \#Banking / Financial ](https://ysd.hk/en/showcase?category=banking-financial) - [ \#Professional Services ](https://ysd.hk/en/showcase?category=professional-services) [ ![Web Design: Yau And Wong C.P.A.](https://ysd.hk/storage/webp/resized/3103/500x/yau-and-wong-detailpage-1.webp) ![Web Design: Yau And Wong C.P.A.](https://ysd.hk/storage/webp/resized/3104/500x/yau-and-wong-detailpage-2.webp) ### Yau And Wong C.P.A. ](https://ysd.hk/en/showcase/yau-and-wong-c-p-a)- [ \#Professional Services ](https://ysd.hk/en/showcase?category=professional-services) [ ![Web Design: Universal Aluminium Engineering (H.K.) Limited](https://ysd.hk/storage/webp/resized/4793/500x/5e451e00cba5f.webp) ![Web Design: Universal Aluminium Engineering (H.K.) Limited](https://ysd.hk/storage/webp/resized/4794/500x/5e451e00cc79c.webp) ### Universal Aluminium Engineering (H.K.) Limited ](https://ysd.hk/en/showcase/universal-aluminium-engineering-h-k-limited)- [ \#Industrial ](https://ysd.hk/en/showcase?category=industrial) - [ \#Wordpress ](https://ysd.hk/en/showcase?category=wordpress) [ ![Web Design: Prosperity Group](https://ysd.hk/storage/webp/resized/2653/500x/prosperitygroup-detailpage-1.webp) ![Web Design: Prosperity Group](https://ysd.hk/storage/webp/resized/2652/500x/prosperitygroup-detailpage-2.webp) ### Prosperity Group ](https://ysd.hk/en/showcase/prosperity-group)- [ \#Electronics ](https://ysd.hk/en/showcase?category=electronics) - [ \#Wordpress ](https://ysd.hk/en/showcase?category=wordpress) [ ![Web Design: Alpha Appliances Limited](https://ysd.hk/storage/resized/1070/500x/alpha-general-detailpage-1.jpg) ![Web Design: Alpha Appliances Limited](https://ysd.hk/storage/resized/1071/500x/alpha-general-detailpage-2.jpg) ### Alpha Appliances Limited ](https://ysd.hk/en/showcase/alpha-appliances-limited)- [ \#Consumer Products ](https://ysd.hk/en/showcase?category=consumer-products) - [ \#Electronics ](https://ysd.hk/en/showcase?category=electronics) - [ \#Professional Services ](https://ysd.hk/en/showcase?category=professional-services) [ Highlight ![Marketing: Webber & Nickel (Int’l) Co., Ltd.](https://ysd.hk/storage/webp/resized/5360/500x/webber-video-thumbnail.webp) ![Web Design: Webber & Nickel (Int’l) Co., Ltd.](https://ysd.hk/storage/webp/resized/3042/500x/webber-detailpage-01.webp) ### Webber & Nickel (Int’l) Co., Ltd. ](https://ysd.hk/en/showcase/webber-nickel-int-l-co-ltd)- [ \#Video ](https://ysd.hk/en/showcase?category=video) - [ \#Architects / Interior Design ](https://ysd.hk/en/showcase?category=architects-interior-design) - [ \#Professional Services ](https://ysd.hk/en/showcase?category=professional-services) EN | [繁](https://ysd.hk/zh-Hant/showcase/hong-kong-mood-disorders-centre) | [简](https://ysd.hk/zh-Hans/showcase/hong-kong-mood-disorders-centre) [](https://www.facebook.com/YSD.hk) [](https://www.instagram.com/ysd.hk/) [](https://x.com/YSDinteractive) [](https://www.youtube.com/user/ysdhk) Showcase - [All Showcases](https://ysd.hk/en/showcase) - [Web Design](https://ysd.hk/en/showcase/web-design) - [Marketing](https://ysd.hk/en/showcase/marketing) - [Branding](https://ysd.hk/en/showcase/branding) - [Apps Development](https://ysd.hk/en/showcase/apps-development) Services - [Services Overview](https://ysd.hk/en/services) - [Web Design](https://ysd.hk/en/web-design) - [Marketing](https://ysd.hk/en/marketing) - [Branding](https://ysd.hk/en/branding) - [Apps Development](https://ysd.hk/en/apps-development) - [AD Solutions](https://ysd.hk/en/ads) Discover YSD - [About YSD](https://ysd.hk/en/about-ysd) - [Clients](https://ysd.hk/en/clients) - [Partner](https://ysd.hk/en/partners) - [Contact Us](https://ysd.hk/en/contact) - [Career](https://ysd.hk/en/career) [](https://www.facebook.com/YSD.hk) [](https://www.instagram.com/ysd.hk/) [](https://x.com/YSDinteractive) [](https://www.youtube.com/user/ysdhk) [![linkedin icon logo black and white](https://ysd.hk/storage/webp/media/contact/linkedin-icon-logo-black-and-white-2.webp)](https://hk.linkedin.com/company/ysd) Copyright © 2026 YSD HK Limited. All rights reserved. [Privacy Policy](https://ysd.hk/en/privacy-policy) [ ](https://wa.me/85296796007)