{"id":20251671,"url":"https://github.com/jillmpla/slideware","last_synced_at":"2026-03-05T22:06:53.549Z","repository":{"id":258761182,"uuid":"875445468","full_name":"jillmpla/slideware","owner":"jillmpla","description":"Prototype for Haunted Couture, a Halloween-themed fashion e-commerce app designed as a slideware prototype. Includes report and prototype file documenting concept, storyboarding, prototyping, and user testing.","archived":false,"fork":false,"pushed_at":"2025-08-31T06:44:44.000Z","size":20738,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-20T06:35:49.115Z","etag":null,"topics":["case-study","ecommerce","prototyping","rapid-prototyping","rapid-ux","slideware","ux-design","ux-experience"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jillmpla.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-20T02:04:05.000Z","updated_at":"2025-08-31T06:44:47.000Z","dependencies_parsed_at":"2024-11-14T10:22:21.079Z","dependency_job_id":null,"html_url":"https://github.com/jillmpla/slideware","commit_stats":null,"previous_names":["jillmpla/slideware"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jillmpla/slideware","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fslideware","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fslideware/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fslideware/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fslideware/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jillmpla","download_url":"https://codeload.github.com/jillmpla/slideware/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jillmpla%2Fslideware/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27415398,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-30T02:00:05.582Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["case-study","ecommerce","prototyping","rapid-prototyping","rapid-ux","slideware","ux-design","ux-experience"],"created_at":"2024-11-14T10:12:11.834Z","updated_at":"2025-11-30T23:03:03.005Z","avatar_url":"https://github.com/jillmpla.png","language":null,"readme":"# 🎃 Haunted Couture - Slideware Prototype\n\nThis repository contains the **Haunted Couture** prototype, built as a **slideware prototype** for rapid UX exploration. The application imagines a Halloween-themed online fashion platform where users can upload their photos, virtually try on outfits, shop for themed clothing, and share creations on social media.\n\n\u003e 📌 This project was approached as a full UX case study, from concept and storyboarding to slideware prototyping, user testing, and iteration.\n\n---\n\n## 📝 What is Slideware in UI/UX?\n\nIn the context of UI/UX and **rapid prototyping**, *slideware* refers to prototypes created using presentation tools, such as PowerPoint, Google Slides, etc.\n\n- **Purpose:** Quickly simulate screens, flows, and interactions without development overhead.  \n- **Speed:** Faster than high-fidelity prototyping tools; ideal for early testing and feedback.  \n- **Use Cases:** Storyboarding flows, demonstrating navigation, mimicking interaction patterns, and presenting usability scenarios.  \n\nSlideware prototypes help UX designers validate concepts early in the process, saving time and resources before committing to high-fidelity design or engineering.\n\n---\n\n## 📖 Case Study Overview\n\n**Inspiration \u0026 Problem Space:**  \nSeasonal and themed shopping experiences (like Halloween fashion) often lack interactivity. Shoppers can’t easily visualize outfits, test combinations, or share their creativity.  \n\n**Goal:**  \nDesign a platform that makes Halloween shopping engaging and interactive through photo uploads, virtual try-ons, AI-assisted styling, and social media sharing.  \n\n**Solution:**  \nWe prototyped **Haunted Couture**, a Halloween-inspired online fashion experience, using slideware. The prototype demonstrates core features such as uploading personal photos, searching for items, trying on outfits virtually, and sharing styled looks with friends.  \n\n---\n\n## 🎯 Key Tasks Prototyped\n\n1. **Submit Pictures**  \n   - Upload an image from a device or take a photo with a webcam  \n   - Manage photos in a gallery with navigation via a slider  \n\n2. **Search for Fashion Items**  \n   - Keyword-based search (such as \"witch\")  \n   - Add themed items to a basket by size and type  \n\n3. **Virtual Fitting Room**  \n   - Apply basket items onto a user's uploaded photo  \n   - Toggle clothing on/off and save outfits with custom names  \n\n4. **Sharing \u0026 Social Media Integration**  \n   - Share styled outfits with preview options  \n   - Enable star ratings and/or comments  \n   - Generate sharable links with buttons for Email, Twitter (X), Instagram, and Meta  \n\n---\n\n## 🧩 Design Elements \u0026 Patterns\n\n- **Interactive Components:** sliders, checkboxes, radio buttons, modals, text inputs, action buttons  \n- **Patterns Used:**  \n  - Visual framework for consistent navigation  \n  - Module tabs and navigation bars  \n  - Progressive disclosure in sharing flows  \n  - Cards and collections for displaying items and outfits  \n  - Modal panels for confirmations and previews  \n\n---\n\n## 👥 User Testing \u0026 Findings\n\nWe conducted usability studies with multiple participants. Key observations included:  \n\n- **Navigation Issues:** Users sometimes overlooked clickable elements like \"My Basket\" or misunderstood drag-and-drop areas.  \n- **Feedback \u0026 Confirmation:** Participants wanted more status updates, such as confirmation modals when uploading images or adding items.  \n- **Terminology \u0026 Labels:** Button text (like \"Share Outfit\") occasionally caused confusion; clearer labels improved task success.  \n- **Accessibility \u0026 Inclusivity:** Feedback suggested naming outfits for easier recognition and using toggles familiar to mobile UI conventions.  \n\n**Lessons Learned:**  \n- Never assume affordances are obvious; clarity matters.  \n- Redundant navigation (icon + button) improves usability.  \n- Inclusive design (labels, naming, accessibility) makes prototypes more realistic.  \n\n---\n\n## 📊 Fidelity \u0026 Inspirations\n\n- **Information Design:** Medium fidelity (consistent layout and navigation, but limited scope)  \n- **Interaction Design:** High fidelity (click-through flows, multiple task paths, functional interactivity)  \n- **Visual Branding:** High fidelity (distinct Halloween theme, cohesive palette, styled components)  \n- **Editorial Content:** High fidelity (realistic descriptions and outfit examples)  \n\n**Inspirations:** Google Shopping, H\u0026M, and other online retail sites with filters, basket interactions, and social integrations.  \n\n---\n\n## 📂 Repository Contents\n\n- **slideware_prototype_report.pdf** - Full case study report with task descriptions, wireframes, design patterns, user study notes, and reflections  \n- **slideware_prototype.pdf** - Interactive slideware prototype file  \n\n---\n\n\u003e 📌 This project demonstrates how **slideware prototyping** can rapidly bring ideas to life, validate flows through user testing, and inform future high-fidelity designs.  \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjillmpla%2Fslideware","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjillmpla%2Fslideware","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjillmpla%2Fslideware/lists"}