Bernard Healthcare
- UX CONTENT
- UX/UI DESIGN
- WEB DEVELOPMENT
- JAMSTACK ARCHITECTURE
![tong quan bernard](/images/bernard/project-bernard-1.webp)
Project overview
Bernard Healthcare is an international medical system that provides specialized healthcare services. However, Bernard did not have a website that supports the integration of features and an information storage system. Therefore, JAMstack Vietnam has cooperated to build a website that can develop more multi-source information management features to support outstanding operations. In addition, the website is also valuable as a communication tool that plays a key role in the marketing strategy.
Client
BERNARD HEALTHCARE
Launching
2022
![tong quan bernard](/images/bernard/project-bernard-2.png)
![giai phap bernard](/images/bernard/project-bernard-3.webp)
Technology solution
Applying Jamstack architecture to website to improve security, optimize page load speed and quickly develop and expand features.
TYPOGRAPHY & COLOR
Font
GOTHAM
Bernard Healthcare
Bernard Healthcare
![Tổng quan Interlog](/images/bernard/project-bernard-4.webp)
Bernard Healthcare
JAMstack Vietnam increases brand awareness for Bernard Healthcare by using dominant colors on the website following the business' brand guidelines.
We use the highly aesthetic, multi-format, and universally used san-serif Gotham font, making it easy to read across multiple devices.
Color palette
![Color Code Image](/images/bernard/project-bernard-5.webp)
![Color Code Image](/images/bernard/project-bernard-6.webp)
![Color Code Image](/images/bernard/project-bernard-7.webp)
Information structure
The information system by category helps to simplify the user's information search process.
![bao hiem lien ket](/images/bernard/project-bernard-18.webp)
![bao hiem lien ket](/images/bernard/project-bernard-19.webp)
![bao hiem lien ket](/images/bernard/project-bernard-20.webp)
![bao hiem lien ket](/images/bernard/project-bernard-21.webp)
![bao hiem lien ket](/images/bernard/project-bernard-22.webp)
![bao hiem lien ket](/images/bernard/project-bernard-23.webp)
![bao hiem lien ket](/images/bernard/project-bernard-18.webp)
![bao hiem lien ket](/images/bernard/project-bernard-19.webp)
![bao hiem lien ket](/images/bernard/project-bernard-20.webp)
![bao hiem lien ket](/images/bernard/project-bernard-21.webp)
![bao hiem lien ket](/images/bernard/project-bernard-22.webp)
![bao hiem lien ket](/images/bernard/project-bernard-23.webp)
Homepage
The home page navigates and builds user trust with the vital content route.
![Color Code Image](/images/bernard/project-bernard-10.webp)
About Bernard Healthcare
We divide three tabs for three groups of content about the capacity to help Bernard
present their ability
more detailed.
present their ability
more detailed.
![Color Code Image](/images/bernard/project-bernard-11.png)
Medical specialties & Services
We focus on standardized content, and visual images of Bernard Healthcare's two main services. The smooth navigation system interface makes scheduling easy across multiple devices.
![Image Page](/images/bernard/project-bernard-12.webp)
![Image Page](/images/bernard/project-bernard-13.webp)
![Image Page](/images/bernard/project-bernard-14.webp)
![Image Page](/images/bernard/project-bernard-15.webp)
Touchpoint in digital marketing
Website compatible on all devices to help optimize SEO and Google Ads.
![Color Code Image](/images/bernard/project-bernard-16.png)
Next Project