Finished Wobot CS copy

wobot.html

@@ -63,6 +63,31 @@ <h3>Brainstorming and Ideation</h3>
           <h3>Information Architecture</h3>
           <h3>Design Principles</h3>
             <p>The design approach emphasizes a minimalist, clean interface that keeps the focus on the empowering message and product. Strong typography and purposeful color choices showcase strong design aesthetic skills, while a straightforward navigation ensures a frictionless purchase process. The site maintains user trust through secure payment integration (Stripe), with responsive design ensuring seamless access across all devices. A playful AI chatbot adds an engaging element while maintaining the simplicity of the core shopping experience.</p>
+        <h2>Design Process</h2>
+          <h3>Wireframes</h3>
+          <h3>Visual Design</h3>
+          <h3>Component Design</h3>
+          <h3>Interaction Design</h3>
+        <h2>Testing and Validation</h2>
+          <h3>User Testing</h3>
+            <p>While the site has just launched and formal user testing is pending, I thoroughly tested the Printify API integration using Postman to understand required hash properties and values, and ran multiple test orders through the Ruby console to verify smooth payment processing. </p>
+          <h3>Feedback Collection</h3>
+            <p>Google Analytics will be implemented to gather initial user behavior data, complemented by planned post-purchase satisfaction surveys to collect direct customer feedback.</p>
+        <h2>Final Solution</h2>
+          <h3>Key Screens and Flows</h3>
+          <h3>Features and Functionality</h3>
+            <p>While the core functionality centers on purchasing the unique statement sweatshirt, the site features a distinctive AI chatbot integration that sets it apart. Connected to OpenAI, the chatbot engages users by responding to questions about technology and the future with playful, whimsical answers. This interactive element transforms the e-commerce experience into something more artistic and memorable, helping to lighten the often serious discourse around women in tech.</p>
+        <h2>Outcome and Impact</h2>
+          <h3>Business Impact</h3>
+            <p>While it's still early to measure quantitative results or gather qualitative feedback, the project aims to inspire and empower both current and aspiring women in technology through its message and unique approach to e-commerce.</p>
+        <h2>Reflection and Learnings</h2>
+          <h3>Challenges Faced</h3>
+            <p>Building my first full-stack site presented numerous engaging challenges. Key among these were designing the initial database schema, implementing the MVC architecture, and particularly developing controllers for the Printify API integration. These technical challenges proved to be valuable learning opportunities in applying my newly acquired development skills</p>
+          <h3>Lessons Learned</h3>
+            <p>This project provided valuable lessons in development best practices: the importance of prioritizing backend infrastructure and information architecture before frontend implementation, the benefits of incremental feature development for easier debugging, and the critical role of frequent version control commits for better code management.</p>
+          <h3>Next Steps</h3>
+            <p>This project ignited my passion for full-stack development, as it demonstrated how coding empowers me to have complete creative and technical control over my projects. While I'm proud of this implementation, it's just the beginning - I'm committed to further strengthening my JavaScript, Ruby, and Ruby on Rails skills, and maybe learning frameworks such as React, eager to deploy more complex applications in the future.</p>
+
     </div>
 
     <script src="/src/js/components/gallery.js"></script>