Skip to main content

Recipe Codes

Websites & UI/UX

Health Care Landing Page

Health Care Landing Page is a bilingual logo and doctor landing page UI designed by Recipe Codes for a health care brand. The work covers the Arabic and English logo, color concept, typography, and desktop and mobile screens for an Arabic landing page with services, medical blog, testimonials and contact sections.

Client
Health Care
Industry
Healthcare
Services
Landing page design, UI/UX design, Logo design
Tools
Adobe XD, Adobe Illustrator

The project

About Health Care

Recipe Codes designed a logo and an Arabic landing page for Health Care, shown as an informative doctor website. The logo pairs the English name Health Care with its Arabic equivalent, الرعاية الصحية. The page layout includes a hero area with a doctor photo and a free consultation call to action, a doctor services section with prices, medical blog posts, a testimonial, and a contact section with map and form.

The logo is a heart shape formed by a green and a blue stroke with a human figure inside it. The color concept sets a strong blue and a fresh green against light gray, with a steel blue as support. Typography pairs Ara Hamah AlThawra for Arabic and Poppins for English. Screens use deep blue blocks, white cards and green buttons, with a countdown timer in the hero and full-width photography in the services cards.

Design highlights

  • Heart-shaped logo built from green and blue strokes with a human figure inside
  • Bilingual lockup pairing Health Care with Arabic الرعاية الصحية
  • Typography pairs Ara Hamah AlThawra for Arabic and Poppins for English
  • Hero section with a countdown timer and a free consultation call to action
  • Desktop and mobile screens covering services, blog, testimonial and contact with map

Project FAQ

What did Recipe Codes design for Health Care?

Recipe Codes designed a bilingual Arabic and English logo and an Arabic doctor landing page for Health Care. The work includes a logo concept, color concept, typography choices, and desktop and mobile screens with services, medical blog, testimonial and contact sections.

Which tools and fonts were used?

The Behance project lists Adobe XD and Adobe Illustrator. The typography page specifies Ara Hamah AlThawra as the Arabic font and Poppins as the English font, used across the logo and the landing page screens.

Have a Similar Project in Mind?

Tell us about your project and our team will get back to you.