Main Objective

The primary goal of this project is to implement a new, modern website for Operation Meraki based on our existing Figma UX/UI design to attract more customers and enhance the overall user experience.

Problem Statement and Expected Outcome

We are on a mission to change the veteran transition landscape for veterans and their families so that they can successfully reacclimate to civilian life in a way that maximizes their personal and professional potential. By the end of this project, learners will have successfully developed and launched a modern, easy-to-maintain website that aligns with our new Figma design, enhancing user engagement and supporting our business goals.

Project Steps for Students

1. Research: Investigate different site-building tools like Webflow and WordPress. Evaluate their pros and cons to determine the best fit for implementing our Figma design.
2. Needs Analysis: Conduct a thorough analysis to identify the most suitable platform for our website based on our design requirements.
3. Website Development: Collaborate with us to develop the new website, using our Figma design and adhering to our content and guidelines.
4. Testing and Feedback: Test the website with potential users to gather feedback and refine it based on their input.
5. Training: Provide comprehensive training on updating and maintaining the new website to ensure it remains current and functional.

By completing these steps, students will gain hands-on experience in web development, from initial research and planning to execution, testing, and user feedback, culminating in a fully functional and user-friendly website for Operation Meraki.

We are on a mission to change the veteran transition landscape for veterans and their families so that they can successfully reacclimate to civilian life in a way that maximizes their personal and professional potential. By the end of this project, learners will have successfully developed and launched a modern, easy-to-maintain website that aligns with our new Figma design, enhancing user engagement and supporting our business goals.

By the end of the project, students should demonstrate:

Understanding of Website Platform Options

• Research: Investigate various site-building tools like Webflow and WordPress.
• Evaluation: Assess the pros and cons of each platform, focusing on aspects like ease of use, customization options, scalability, and cost.

Identification of the Most Suitable Platform

• Needs Analysis: Conduct a thorough analysis to determine the best platform for our website. This involves understanding our specific requirements, such as design compatibility with our Figma UX/UI, functionality, and user experience goals.
• Selection: Choose the platform that best meets our needs based on the analysis.

Development of a Website Using the Most Suitable Tool

• Implementation: Develop the new website using the selected platform. This includes:
• Layout and Design: Implement the Figma UX/UI design into the chosen platform.
• Content Integration: Populate the website with provided content, ensuring consistency and alignment with the design.
• Functionality: Incorporate necessary features such as navigation, search functionality, product listings, and other specified requirements.

Recommendations for Website Maintenance

• Maintenance Guidelines: Develop a comprehensive guide for maintaining and updating the website. This should cover:
• Content Management: How to add, update, or remove content.
• Technical Maintenance: Routine checks, backups, and updates to keep the website running smoothly.
• User Training: Provide training sessions or materials for our team on how to manage the website.

Bonus Steps

Testing the Website with Users and Making Improvements Based on User Input

• User Testing: Conduct tests with real users to gather feedback on the website's usability, design, and functionality.
• Refinement: Analyze feedback and make necessary improvements to enhance the user experience.

Final Deliverables

A Website Prototype

A fully functional prototype of the website, implemented using the chosen platform and based on our Figma design.

A Final Report

A detailed report documenting the entire project process, including:

• Research Findings: Summary of the research on different platforms.
• Needs Analysis: Explanation of the analysis process and the rationale behind the platform selection.
• Development Process: Overview of the steps taken to develop the website.
• Maintenance Recommendations: Comprehensive guidelines for website upkeep.
• User Testing Feedback: Summary of user testing results and any subsequent changes made.
• Project Reflections: Insights and lessons learned throughout the project.

By completing these tasks, students will gain practical experience in web development, from initial research and planning to execution, testing, and user feedback, resulting in a modern, user-friendly website for Operation Meraki.

Students will connect directly with us for mentorship throughout the project. We will be able to provide answers to questions such as:

• Our current products and website design
• Our customer and industry insights
• Input on choices, problems or anything else the students might encounter.