Skip to Main Content
← All Case Studies
Care · Lead Generation · Almaty

Qarttar — senior care residence website with online enquiries

Open Website ↗

The «Qarttar Qazynasy» care home website: a reassuring way to choose accommodation, with transparent prices and quick contact for families.

Static HTMLVanilla JSJSON-LDGoogle AnalyticsResponsive CSS
8URLs in the sitemap
24/7care
3accommodation types
1NursingHome schema
Home Page — Qarttar
Home PageActual Interface · Live Website 09.09.2026
01 / Context

Families choose residential care at an emotionally difficult time

Families need to understand the conditions quickly, feel confident about safety and receive a personal response. The website therefore moves from trust and services to specific accommodation options, pricing, questions and tour booking. Phone and WhatsApp remain available at every key step.

Challenge
Reduce anxiety when choosing care for a loved one
Solution
Services, accommodation options, pricing, FAQ and tour
02 / Pain Point → Solution

More than pages: clear journeys for different user intentions

01

Alert

Communicate calmly and clearly about everyday care.

02

Selection

Separate long-term, respite and day-care options.

03

Transparency

Present plan features and terms without an overloaded form.

04

Contact

Keep click-to-call and WhatsApp accessible on every device.

03 / Information Architecture

The user journey is built around a meaningful task

Home→About Us→Services→Accommodation→Leisure→Pricing→FAQ→Contacts

The architecture was reconstructed from public navigation, internal links and accessible routes.

04 / Core UX

Each screen answers the family’s next question

The homepage builds initial trust through clear benefits and an explanation of the admission process. The services page explains the care provided, pricing compares options, the FAQ addresses common concerns, and contacts turn research into a call, WhatsApp conversation or tour.

Services — Qarttar
ServicesDaily Care Plan
Pricing — Qarttar
PricingAccommodation Comparison
05 / Content Model

A lightweight multi-page build provides direct control over performance and markup

HTML pages

8 standalone URLs

Clear Search-Optimized Landing Pages

CSS system

Unified Tokens and Components

Typography, Grids, Buttons, and Cards

Vanilla JS

Menus and Forms

Minimal Client-Side Code

Lead form

Consultation Request

Name, Phone, Objective, and Message

Direct channels

Phone and WhatsApp

Easy, Direct Contact

Local data

Address and Hours

Local Selection Signals

06 / Technology Stack

The public implementation was analysed using the source HTML and network resources

Semantic HTMLHeadings and a Logical Structure
Custom CSSOne Design System Without a UI Framework
Vanilla JavaScriptNavigation, Validation, and Forms
Google AnalyticsEvent and Traffic Tracking
NursingHome JSON-LDOrganization, Address, Phone, and Price
XML sitemap8 canonical pages
07 / Interactive Flows

The interface helps users complete tasks without unnecessary navigation

Sticky contact

Persistent WhatsApp Access on Long Pages

Lead form

Name and Phone Validation

FAQ

Expand Questions Without Navigating Away

Responsive menu

Compact Mobile Navigation

08 / SEO Audit

Search Baseline and Specific Growth Opportunities

The homepage includes a description, canonical URL, Open Graph and specialized NursingHome JSON-LD with the address, phone number and price range. The sitemap lists eight pages. This provides a strong local search foundation; further improvements include BreadcrumbList on internal pages, FAQPage for questions and dedicated LocalBusiness signals for maps.

8URLs in the sitemap
1NursingHome JSON-LD
1canonical
1meta description

The team and experience figures in this case study reproduce public information from the website itself. They are not presented as independently verified Evolute results.

09 / Responsive

The Primary Flow Is Preserved on Mobile

Navigation, headings, cards and calls to action are reorganised into a single vertical flow. The mobile screen below is an authentic capture of the original interface at a width of 390 px.

  • Clear hierarchy without horizontal scrolling
  • Large Touch Targets for Primary Actions
  • Progressive Content Loading
  • Keeping the primary CTA accessible in the mobile journey
Mobile Version — Qarttar
Mobile VersionViewport 390 × 844
10 / Technical Review

The Case Study Is Based on the Observable Implementation

01

HTTP and routes

The home page and key internal pages, response statuses and redirects were verified.

02

HTML and metadata

Title, H1, description, canonical, Open Graph and JSON-LD were captured.

03

Frontend stack

The technologies were verified through the names of public scripts, styles and API endpoints.

04

Responsive

Homepage reviewed at 1440 × 1000 and 390 × 844.

05

Content

The information model was validated against navigation, archives and the sitemap.

06

Evidence

Every interface in this case study is an authentic project screenshot with no generated UI.

11 / Result

The website turns a difficult choice into a sequence of clear decisions: what care is needed, which arrangement fits, what it costs and how to see the facilities in person. A lightweight stack supports predictable loading, while semantic markup strengthens local visibility.

8 SEO pages and 3 enquiry channels. The solution can evolve as the content and new user journeys grow.

Static HTMLVanilla JSJSON-LDGoogle AnalyticsResponsive CSS
View Project ↗
Next Project

Need a website that thoughtfully converts trust into enquiries?

We will analyse the audiences, content, integrations and search demand, then design the structure and technical architecture before visual design begins.

Discuss the Project ↗Back to Case Studies