Project
eTeaching Website Project – Web and Interaction Design
Role
Magdy Shiha – Web Designer & Interaction Design Specialist
Tools
Figma – Illustrator – Photoshop – WordPress – HTML/CSS
Description
The eTeaching Website Project was developed to create an engaging and accessible digital platform that enhances online teaching and learning experiences. The design strategy centred on interaction design, usability, and storytelling, ensuring educators and learners can navigate content with clarity and purpose.
The platform integrates intuitive navigation with a clear information architecture, allowing users to explore courses, teaching resources, and support options seamlessly. Calls-to-action such as Enrol Now or Access Resources are placed with strong visual hierarchy, while supporting text emphasises the platform’s value in promoting flexible, high-quality education.
Interaction design principles guided the development of responsive layouts optimised for both desktop and mobile. Accessibility was prioritised through readable typography, strong contrast, and inclusive design standards. Storytelling elements, including imagery and content flow, were embedded to strengthen the teaching narrative and improve learner engagement.
Deliverables
- Fully responsive website design with interactive course and resource features.
- Wireframes, prototypes, and a design system ensuring consistency across pages.
- Integration of visuals, course structures, and CTAs into a cohesive web platform.
- Accessibility features to support inclusivity for all learners and educators.
Impact Outcomes
- Increased accessibility and visibility of eTeaching resources.
- Enhanced learner engagement through clear interaction pathways and visual storytelling.
- Simplified enrolment and resource access, driving higher user adoption.
- Delivered a scalable, user-centred platform that supports ongoing digital learning growth.