ICH Revamp - New Design & Enhancements

[SR-ICH]

Project Overview

The main reason to revamp our ICH website is the lack of intuition, trust-building, and clean/consistent design/workflows per industry trends and standards. The product team has taken this challenge and addressed these pain points with utmost attention to detail and customer feedback following the best industry standards. This version not just has design changes but also workflow changes for a better product. We're not just made it simple and clear to the user but also to our engineering by building reusable components (web, tab, and mob) and reducing the text styles comparatively.

We request engineering team consider this as a base structure of the product and not compromise on any workflows or designs as we have to use this as the foundation for our next releases. These workflows can also be reused as is in SaaS projects with only UI changes. This will help us be consistent in our workflows and design throughout which is the ultimate goal to create an eco-system feeling for our end users (like apple). Thank you for being understanding and cooperative during this great transition.

Note - All checked items are development ready.

Project Deliverables

• [x] Design System (components, fonts & colors for dev reference) Design Link
• [x] Registration (Sign-In & Sign-Up, Social & Manual Sign-In) Design Link
• [x] Homepage Design Link
• [x] On-Page Search Functionality + Header Search Functionality Design Link
• [x] Chat Functionality Flow Design Link
• [x] Head Menu Dropdowns & Navigations Design Link
• [x] Location & Language Selection Design Link
• [x] Sitemap Design Link
• [x] View All Pages
  • Hospitals Design Link
  • Doctors Design Link
  • Deals Design Link
  • Specialties Design Link
  • Services Design Link
  • Articles Design Link
  • Countries Design Link
• [x] Search Results Page
  • Hospitals Design Link
  • Doctors Design Link
  • Deals Design Link
  • Specialties Design Link
  • Services Design Link
  • Articles Design Link
• [x] Consultation_ & Deal Booking Generic Flow - Design Link
• [x] Dark Theme for ICH website - (12th Dec 2022 to 20th Dec 2022) - Design Link
• [x] Arabic Version of ICH website - (21th Dec 2022 to 23rd Dec 2022) - Design Link
• [x] Hospital Detailed Page - Design Link
• [x] Doctor Detailed Page - Design Link
• [x] Deal Detailed Page - Design Link
• [x] Specialty Detailed Page - Design Link
• [x] Service Detailed Page - Design Link
• [x] Article Detailed Page Design Link
• [x] Country Detailed Page - Design Link
• [x] About Us Page - Design Link
• [x] T&C & PP - Design Link
• [x] FAQs - Design Link
• [ ] How It Works Page - To Be Decided (https://icloudhospital.com/how_does_it_work)
• [ ] Medical Team Page - To Be Decided (https://icloudhospital.com/medical_team)
• [ ] Patient Portal (Profile, Bookings, Payments, etc) - To Be Decided
• [ ] Admin Portal (Profile, Patients, Dynamic Data Updation, Payments, etc) - To Be Decided
• [ ] ICH Mobile Application (Android & iOS) - To Be Decided

[hyunoosung]

Set Projects to CloudHospital public roadmap Q1 2023

[hyunoosung]

@SR-ICH Does this plan cover Arabic as well?

[SR-ICH]

@hyounoo yes, we've planned to work on the Arabic version once we complete the entire English version of the ICH New Design. We'll try to manage and work on a few weekends and save at least 1-2 weeks of time to that we can accommodate the Arabic version design in that and close this project at any cost by end of Jan 2023. Thanks!

[hyunoosung]

@SR-ICH Noted with thanks

[hyunoosung]

@SR-ICH Do we have dark theme planning here? I can't find one

[SR-ICH]

@SR-ICH Do we have dark theme planning here? I can't find one

@hyounoo yes. We have planned to do the dark mode but that timeline isn't considered here. We will now complete the booking workflows and then in about 1 weeks time we'll complete the dark mode and continue to work on the remaining ich website items as mentioned above.

We'll give it in a way that you just have to click on a card and it's properties of light and dark modes will be shown in the figma right panel.

FYI @SubbarayuduKV