Websites & UI/UX
FC Hospital Website
FC Hospital Website is an Arabic hospital website UI/UX design created by Recipe Codes for Family Care Hospital. The work covers desktop pages, mobile screens and device mockups, with sections for appointment booking, doctors, specialties, departments, cosmetic offers, administrative staff, achievements, blog posts and social responsibility.
The project
About FC Hospital
Recipe Codes designed a responsive website for FC Hospital, presented under the name Family Care Hospital, مستشفى عناية العائلة. The designs include a homepage with an appointment booking form beside the hero, a hospital doctors carousel and latest blog posts, plus pages for cosmetic offers, the administrative staff, the executive director's message, latest achievements, specialties, medical and surgical departments, and a blog article.
The interface uses white pages with a cyan accent and deep blue presentation backgrounds. Section titles are set in cyan Arabic headings, and hero images carry a translucent cyan band with the page title. Doctor and staff profiles appear as photo cards in grids, and offers are listed with prices. Mobile screens stack the same sections under a compact header with the hospital logo and a menu icon, and mockups show the site on tablets and a desktop monitor.
Design highlights
- Homepage hero paired with an appointment booking form
- Translucent cyan title band over full-width hero photography
- Doctor and administrative staff profiles shown as photo card grids
- Pages for specialties, departments, cosmetic offers, achievements and blog
- Mobile screens with compact logo header and menu icon for every section
Project Gallery
View on Behance →
Project FAQ
What did Recipe Codes design for FC Hospital?
Recipe Codes designed an Arabic website UI for FC Hospital, shown as Family Care Hospital. It covers desktop and mobile screens with appointment booking, doctors, specialties, medical and surgical departments, cosmetic offers, administrative staff, the director's message, achievements and blog pages.
Which tools were used for the hospital website?
The Behance project lists Adobe XD for the interface design and Adobe Photoshop for imagery and mockups. The finished screens are presented on desktop monitor, tablet and mobile phone device mockups.
More Projects
View all projects →
Have a Similar Project in Mind?
Tell us about your project and our team will get back to you.