Project:
Data Driven Design delivered a website to introduce Ayin's vision and mission to organizations that work in patient care. As they seek to transform the healthcare industry and provide streamlined, cost-saving systems, Ayin believes patients will ultimately be the winner when those who care for them aren't sidelined with complicated regulations, business tasks and processes.
The home page hero for the new website was built to display a looping trailer of Ayin's powerful brand anthem video. A link to the full film is readily available, inviting users to start engaging. Visitors to the site can immediately dive into learning about the brand or scroll down the page to begin their journey through the site.
Craft CMS
Vue.js
HTML5 / SCSS
Bootstrap 4
Lity Lightbox
Aos.js
Frontend Development
Backend Development
DevOps
We built a website with Craft Content Management System which allowed for flexible content management while keeping it easy to use and maintain.
One reason Data Driven Design so frequently recommends and uses Craft CMS is the adjustable nature of their ecosystem. Craft is built with the ability to define fields to make content entry easy for a client once the site goes live. It also allows configuration of these fields by a web developer in differing ways, so that each site can ultimately have a different set-up that is customized to the client's content needs and the site's style.
After learning about the need for flexibility in the design for Ayin's new site, we knew Craft's system was the right fit. Data Driven Design developed a plan for the CMS backend to allow for all of the foundational content blocks to be re-used on each of the main pages. Our solution was to set them up as a "matrix," with each of the layouts able to be selected and reordered as desired. We took into account that some content would have links to scroll to other sections on the page, have links to take you off-site, or have no link at all. Other blocks could be re-used to display FAQs or a list of services that Ayin specializes in providing. This approach allowed each page to have its own layout for content that can change over time, without sacrificing visual consistency or style.
The client needed the site to be easy and intuitive to navigate. We built the menu with speed and comfort in mind to reduce friction when jumping from one page to another. Micro-interactions within the menu added another level of touch that help convey the professional quality of services provided by Ayin Health Solutions.
In addition to all of the public-facing pages of the site, the company requested a password protected area to allow people to review and download marketing materials such as the brand guidelines, logo suite, brand anthem video, templates, and talking points. We built a gated section of the website to allow for the sharing of these materials within the company, providing a single location for essential documents to live.
Data Driven Design created a thought leadership area to help Ayin highlight stories about their approach, success and team of healthcare systems experts. This high-level page also allows Ayin's team to link to news articles where they're mentioned, including a blurb to entice visitors to continue their reading at prominent newspapers' websites.
To accompany their content, we built individual story pages to publish long-form stories. On these pages, Ayin can add a story category, overview, quotes from their thought leaders, and link to related stories on their site. We also created a carousel of peeking cards so they could draw attention to their parameters for each area of the organization. Like other pages on the site, the DDD team built the individual story sections in a "matrix" so they can customize how they want to display content for each story, making them unique.
