Clinic Design & Development Website | Outsourcify Web Agency

SAFE Fertility Center is the first IVF Clinic in Thailand and the second in ASEAN apart from Singapore that has been accredited by RTAC of the Fertility society of Australia (FSA) and New Zealand.

SAFE Fertility center was founded to help couples fulfill their dream of becoming parents of a healthy child and delivering the best possible care to achieve pregnancy. The Center has grown to be recognized nationally and internationally. In addition, SAFE is the first in Thailand to be accredited by RTAC.
SAFE set their aim to change the rigid image of the fertility center into friendly fertility center to make infertile couples feel comfortable and reliable.

Safe Fertility Center

Team

1 UX/UI Director & Project Manager
1 Graphic Designer
1 Web Designer
1 Front-End Developer
1 Worpress Developer

Methodology

UX/UI Worshop
Waterfall methodology

Tools

Glip
InVision
TeamWork
Adobe Xd
Adobe Illustrator
Adobe Photoshop

Technologies

HTML5, CSS, JavaScript, PHP, WordPress, Bootstrap, SASS, mySQL

Timeframe

3 months

How Outsourcify helped?

Redesign of the entire structure was needed in order to offer a better User Experience throughout the website. We set our goal to change the rigid image of SAFE fertility center into friendly and professional fertility center to make couples who have difficulties having babies to feel comfortable and reliable.

We crafted a website to provide an optimal viewing and interaction experience-easy ready and navigation with a minimum of resizing, planning and scrolling-across a wide range of devices(from desktop PC to mobile phones).

Safe Fertility Center homepage first screen

Website & Design

In planning and designing the website UX/UI, we created a simple-to-navigate site structure and chose font, background colors, and icons that would best work together to tell their story. We also used intuitive design elements that reflect the forward-thinking nature of the center while keeping the tone approachable and fun, differentiating it from other fertility center-related websites.

When the designs were eventually created, we worked on transforming them into HTML templates, considered dekstop, tablet and smartphones versions to create a responsive web design, and finally optimized the content for search engines (SEO).

Safe Fertility Center Wireframe Outsourcify

Webs

Once we created the design, we developed it following the exact design into HTML and CSS. Then we injected a layer of PHP into all the frontend elements to provide a personalized digital experience, directly elaborated from the customers needs through WordPress for the client.

Logo Design

Logo process

To make patients feel comfortable to put their trust in SAFE Fertility Center, we redesigned the logo to look more modern and well balanced.
Even by re-establishing the brand image, we still wanted to keep the original idea of it by using and updating slightly the blue gradient of the former SAFE’s Corporate Identity.

Colors

The gradient color of SAFE is subdivided into two scales and used as a point color.

Other concept

We worked on a totally different idea of the logo to freshen up the corporate identity still referring to the needs of clients and identities of the brand.