Intern Project
This project is a web design project that will be run by our interns. They will be responsible for the design, development, and deployment of the project. The project will be built using Angular and will be hosted on Microsoft Azure. The project will be a single page application that will be used to showcase the iEXCEL Model applied to web design.
Applied to web design, the iEXCEL Model is a process that can be used to implement experiential learning and improve human effectiveness and performance in any industry. The project will be built using the our reusable templates models and will be a great example of how to use the design system.
This internship for the iEXCEL intern was designed to focus on a delivering a working, tested, and functional piece of software by the end of the internship. Jesse and I worked collaboratively to create technical design documents, include stakeholder feedback and requirements, and build a meaningful product, as well as something to include in a portfolio.
The team utilizes cloud infrastructure that represents the cutting edge of technology solutions. The intern was able to use these services for web hosting, image content delivery, code repository, and much more.
Project Design UI/UX Image CDN Cloud Hosted Analytics Graph Design Instructional Design Wireframing SEO
Angular Material Angular Bootstrap Azure Static Web Apps Azure Insights CI/CD Pipeline
Scope of work
The first project was to create a website that utilized experiential learning in web design, and convey how iEXCEL is transformative in delivering experiential learning opportunities. Our intern created a lesson plan using experiential learning, built a project around this lesson plan and then applied all of these skills to building a web based solution.
Learning Objectives: After using the web-app, users will be able to define the concept of experiential learning. And after using the web-app, users will be able to implement experiential learning principles in their respective contexts.
iEXCEL intern project providing a real-world developer experience utilizing the software development lifecycle & coding best practices
Research
- Analyse Resources
- Storyboarding
- Project Scope
UX Design
- Wireframes
- User Flow
- Feature Requests
Prod Build
- Angular App
- Browser Testing
- Azure Services
Instructional Design
Experiential Learning is the process of learning by doing. Somethings like web design & coding you just cant learn by seeing it being done or reading about it. You have to actually code in order to learn to code.
EXCEL’s mission is to improve human performance by utilizing experiential learning. By engaging our community, colleges, medical students & others in hands-on experiences and reflection, iEXCEL is better able to connect the knowledge learned in a classroom to real-world situations improving human performance.
Experiential Web Design
Experiential web design is a user-centered approach to web design that focuses on creating immersive and engaging experiences for website visitors. It goes beyond traditional web design principles and involves the use of interactive and multimedia elements such as animations, videos, and sound effects to create a more dynamic and interactive website. Experiential web design takes into consideration the user's emotions, senses, and behaviors to create a more personalized and memorable experience.
Designing a web app involves a lot of planning, research, and collaboration between designers, developers, and stakeholders. Throughout the design process, designers must work closely with developers to ensure that the design can be implemented efficiently and effectively. Usability testing and user feedback are also critical to the design process, as they help to identify areas for improvement
Storyboarding
Storyboarding a web app involves creating a visual representation of the user's journey through the app. It is an essential tool for web app designers as it helps to identify and define the key screens and interactions within the app. The storyboard typically includes a sequence of sketches or wireframes that represent each screen of the app and the user's interactions with it. This process helps designers to visualize and refine the flow of the app.
Content creation in web app development is an essential aspect that plays a significant role in creating a successful web application. It involves the creation and curation of existing content, such as text, images, 3D assets, videos, and infographics, that are informative, engaging, and relevant to the users. The content is created to attract the target audience and keep them engaged with the application.