- Preparation, development, empowerment
@page { margin-left: 0.7in; margin-right: 0.7in; margin-top: 0.75in; margin-bottom: 0.75in; } body { margin-left: 0.7in; margin-right: 0.7in; margin-top: 0.75in; margin-bottom: 0.75in; }
| Web Development | ||||||||
| Action Plan | ||||||||
| Friday, July 21, 2023 | ||||||||
| Suggested Change | Description of Enhancement | Deadline | Responsible Person | Sample | Check Date | Comments | ||
| 1 | Implement New Suggested Template | Apply Ali's suggested template to all web pages Use this template: https://html.rovadex.com/html-informex/index.html | Web Developer | |||||
| 2 | Update Homepage Layout | Redesign the homepage layout to match Ali's design | ||||||
| 3 | Modify Color Scheme | Edit color scheme throughout the website as Ali's template Adhere to JT color pallet and review the blue & yellow tone of color | ||||||
| 4 | Update JT Logo | Update and use the new JT logo | Web Developer & Mr. Ali | |||||
| 5 | Use Expandable Tabs Instead of New Tabs | Modify click behavior to open expandable tabs instead of new tabs except for CTA buttons, such as: registration button | Web Developer | |||||
| 6 | Integrate New Navigation Menu | Update navigation bar to match Ali's design & match it between Arabic and English. In Addition, add Events and Blog buttons | ||||||
| 7 | Add "Upcoming Programs" Tap | Update navigation bar by adding "البرامج القادمة Upcoming Programs" to the end of the bar. This tap will hold regular updated training programs | ||||||
| 8 | Update the first slide picture | Change homepage photo as Ali's template. Replace it with the new image and optimize it for better visual appeal. | ||||||
| 9 | Revise Images Gallery | Redesign the image gallery based on JT's design: Review all images, adjust their size, adjust the resolution and add JT logo if needed | Web developer & Mr. Ali | |||||
| 10 | Revise photos for all different taps and pages | Add expressive images for the sections and real internal images for the same section from the archive section (training programs photos) | Web Developer & JT Team | |||||
| 11 | Add Count-down for upcoming programs | On the main page: add a Count-down clock next to the closest upcoming program, this would change at the end of the "Upcoming program" registration | ||||||
| 12 | Add "Online Payment" option | including online payment option for "Visa, Credit cart, dept card, PayPal" | Web Developer | |||||
| 13 | Add the new address of "Jusoor Training Center" at Qatar | Address will be provided separately | ||||||
| if any | Fix Broken Links and 404 Errors | Check and fix any broken links or error pages | ||||||
| 8 | Optimize Meta Tags for SEO | Ensure proper & enhanced meta tags for improved SEO | ||||||
| 9 | Add Social Media Sharing Buttons | Implement social media buttons as per Ali's design: including: FB, Instagram, Tweeter, LinkedIn. Delete YouTube button until further notice. | ||||||
| 10 | Update Call-to-Action (CTA) Buttons | Redesign and make CTAs more prominent as Ali's template | ||||||
| 11 | Update Training Methodology Display and Edit Design | improving the visual representation by editing the color tone Review with JT team | Web Developer & JT Team | |||||
| 12 | Add 'Our Partners' Section | Create a new section to showcase partners as shown in the template. | ||||||
| 13 | Improve Typography | Implement the new fonts and enhance readability as Ali's template | Web Developer | |||||
| 14 | Update Footer Design | Redesign footer with new elements and layout as the template | Web Developer | |||||
| Review | Check for any gaps or needed editing mentioned by JT team | JT team will provide feedback and support the developer along the development process | ongoing | JT team & Web Developer | ||||
| 15 | Add Responsiveness for Mobile Devices | Ensure all pages are responsive for mobile | Web Developer | |||||
| 16 | Test Cross-Browser Compatibility | Verify website works well on different browsers | ||||||
| 17 | Optimize Site Loading Speed | Improve page loading speed for better user experience | ||||||
| 18 | Enhance Accessibility | Ensure the website is accessible for all users, such as, keyboard navigation enhancements, color contrast, focus indication, resizable text, testing with assistive technologies and … | ||||||
| Review | Review and Feedback | Final review by JT team for the Arabic website, final feedback before updating the English version | JT Team | |||||
| 19 | Synchronize Between Different Languages | Enable synchronization between Arabic and English content and versions of the website | Web Developer | |||||
| 20 | Enhance Content | Ongoing process: Reviewing and adding required content. | JT team | |||||
| 21 | Create Blog Content | Start developing new blogs create 10 blogs as a start. | JT team |
