Web Projects

Here are some of the websites and applications I’ve designed and developed. Each one reflects a unique blend of function, creativity, and code.

🛡️ Medieval Kreations

Course Project | UX & Web Design Case Study

Overview: A digital marketplace concept for historical reenactors and the SCA community. This platform connects artisans and enthusiasts through product listings, forums, and a custom event calendar.

  • Key Features: Product/Service Marketplace, Community Forums, Event Calendar, Media Sharing
  • User Persona: Sir Gareth – busy reenactor seeking efficient access to historical goods
  • Design Tools: Figma, Wireframes, Prototypes, UX Research
  • Testing: Moderated usability test with 3 users, identified search and support contact issues
  • Improvements: Unified UI styles, increased accessibility, added ARIA and keyboard navigation

Final Reflection: This project taught me to balance historical authenticity with modern UX design. I built out complete user flows, refined accessibility features, and conducted real user testing—all rooted in community-first design.

View Prototype ↗

🔮 Animated Tarot Reading

WEB 350 - Web Media

Overview: A personalized two-card tarot experience that combines responsive design, CSS animations, and interactive JavaScript functionality. Designed with a pastel theme and mobile-friendly layout to reflect both technical skill and personal branding.

  • Key Features: Animated card flips, randomized suit selection, dynamic DOM updates, responsive layout
  • Tech Stack: HTML5, CSS3, Bootstrap, JavaScript, External SVGs
  • Accessibility: Mobile-optimized display, semantic HTML, alternative text for icons
  • Code Highlights: Custom animations with CSS transforms, flexible layout using Flexbox and media queries, JavaScript logic to prevent repeat suits

Final Reflection: This was a culmination of skills I built throughout the course—blending form and function with aesthetic intention. It not only showcases modern web practices but also reflects my voice and creative direction through playful interactivity.

View Project ↗
← Back to Home