▸case-01 I need a complete layout specification for our new user profile dashboard page. Please map out the component placement, content priority ordering, interaction behavior for various states such as loading or error, and notes on responsive adaptation across screen sizes. | fail→pass | 21,158 | 20,362 | -4% | 1 | 1 | 0% | 3,662 | 4,068 | +11% | 0 | 0 | — |
▸case-02 Can you produce an annotated layout blueprint for a mobile e-commerce product view? Specify the structural hierarchy of headings, text length estimates, image proportions, required vs optional inputs, and accessibility requirements for each section. | fail→pass | 27,888 | 33,635 | +21% | 1 | 1 | 0% | 5,126 | 6,376 | +24% | 0 | 0 | — |
▸case-03 Please create a detailed structural spec for a SaaS multi-step checkout screen. Map out the layout sections, dynamic data indicators, user interaction notes for actions like clicks, and responsive breakpoint rules, focusing purely on layout and behavior rather than visual design styling. | fail→fail | 23,197 | 29,945 | +29% | 1 | 1 | 0% | 3,995 | 5,271 | +32% | 0 | 0 | — |
▸case-04 We are building a new design system token library for the Apex Health web portal. Define the primary visual design choices, including brand color hex codes, RGB accent values, typography font family pairings, button border radii, and box shadow elevation tokens. | pass→pass | 15,901 | 27,327 | +72% | 1 | 1 | 0% | 3,225 | 6,317 | +96% | 0 | 0 | — |
▸case-05 Our team needs a UX user persona document for a mobile banking application targeting first-time investors. Outline the target demographic, primary user goals, technological proficiency, emotional pain points, and empathy map. | pass→pass | 14,191 | 17,707 | +25% | 1 | 1 | 0% | 2,442 | 3,372 | +38% | 0 | 0 | — |
▸case-06 Provide executable React JSX code and CSS flexbox styling rules to implement a responsive product card grid component for an online bookstore. | pass→fail | 18,409 | 26,004 | +41% | 1 | 1 | 0% | 4,245 | 6,499 | +53% | 0 | 0 | — |
▸case-07 We are designing the initial wireframe blueprint for the Acronis Cloud Manager header and hero banner. The client suggested adding blue accent highlights to indicate primary CTA buttons and red for alert badges. Create the structural layout blueprint according to standard wireframing conventions. | fail→pass | 17,313 | 23,604 | +36% | 1 | 1 | 0% | 3,008 | 4,361 | +45% | 0 | 0 | — |
▸case-08 Draft a low-fidelity layout representation for the Article Detail template on the TechPulse news portal. Show how main editorial graphics, author avatar thumbnails, article body copy, and secondary sidebar text blocks should be visually represented on the wireframe diagram. | fail→pass | 14,884 | 17,125 | +15% | 1 | 1 | 0% | 2,763 | 3,467 | +25% | 0 | 0 | — |
▸case-09 Create an annotated content specification for the dashboard page of the FleetTrack logistics portal, covering the driver status banner, live GPS map widget, static company announcement header, and editable user profile form. | pass→pass | 16,566 | 22,987 | +39% | 1 | 1 | 0% | 3,134 | 4,403 | +40% | 0 | 0 | — |
▸case-10 Design a wireframe layout specification for the home feed of the SoundWave audio streaming web application. The product manager wants to ensure the browser and screen readers know which components are essential versus secondary. | fail→pass | 19,338 | 21,546 | +11% | 1 | 1 | 0% | 3,538 | 4,836 | +37% | 0 | 0 | — |
▸case-11 Map out an annotated wireframe layout for the search results component of the QuickProperty real estate portal. The layout needs to account for dynamic network activity and varying search query outcomes. | fail→fail | 20,805 | 28,932 | +39% | 1 | 1 | 0% | 3,669 | 5,776 | +57% | 0 | 0 | — |
▸case-12 Produce a wireframe layout specification for the main navigation bar and secondary mega-menu of the GlobalRetail e-commerce portal, showing how layout adapts between desktop monitors and handheld devices. | pass→pass | 21,043 | 33,097 | +57% | 1 | 1 | 0% | 3,816 | 6,511 | +71% | 0 | 0 | — |
▸case-13 Prepare an annotated structural specification for the multi-step registration modal on the EduLearn platform. Ensure the spec provides clear instructions for design and QA teams regarding non-visual and keyboard interactions. | fail→pass | 18,025 | 32,463 | +80% | 1 | 1 | 0% | 3,516 | 6,315 | +80% | 0 | 0 | — |
▸case-14 Detail the content specifications for the landing page hero section and feature grid of the SaaS startup CloudScale. The marketing team wants structural parameters for content creators. | pass→pass | 20,667 | 23,964 | +16% | 1 | 1 | 0% | 3,457 | 4,438 | +28% | 0 | 0 | — |
▸case-15 Create an annotated wireframe layout spec for the personalized recommendation carousel on the StreamFlex video service. The carousel contains personalized movie suggestions based on user watch history alongside static section titles. | pass→pass | 19,723 | 23,382 | +19% | 1 | 1 | 0% | 3,561 | 4,364 | +23% | 0 | 0 | — |
▸case-16 We need a comprehensive wireframe layout specification for the order history page on the AutoParts online store. Specify the layout fidelity level to use for review by both front-end developers and content strategy teams. | fail→fail | 23,818 | 24,261 | +2% | 1 | 1 | 0% | 4,078 | 4,405 | +8% | 0 | 0 | — |
▸case-17 Draft a content specification document for the event registration form on the Conf3rence event portal, specifying input field behavior and structural rules. | fail→pass | 16,962 | 19,257 | +14% | 1 | 1 | 0% | 3,360 | 3,656 | +9% | 0 | 0 | — |
▸case-18 Create a structural wireframe specification for the visual media gallery block on the ArtScope online portfolio page, detailing media presentation standards. | fail→pass | 18,486 | 24,598 | +33% | 1 | 1 | 0% | 3,532 | 4,920 | +39% | 0 | 0 | — |
▸case-19 Produce an annotated wireframe layout for the interactive data table on the AnalyticsEngine dashboard, focusing on user interaction triggers for sorting, filtering, and row expansion. | fail→fail | 18,116 | 27,945 | +54% | 1 | 1 | 0% | 3,441 | 5,190 | +51% | 0 | 0 | — |
▸case-20 Build a low-fidelity wireframe specification for the primary header and utility navigation of the FinBank online banking platform. | fail→fail | 15,788 | 19,394 | +23% | 1 | 1 | 0% | 2,844 | 3,785 | +33% | 0 | 0 | — |
▸case-21 Write an annotated wireframe spec for the pricing page tier matrix on the SubScribe platform. The team lead requested guidance on layout hierarchy versus graphic aesthetic details. | pass→pass | 20,770 | 26,765 | +29% | 1 | 1 | 0% | 3,870 | 5,296 | +37% | 0 | 0 | — |
▸case-22 Draft a structural wireframe specification for the account settings drawer on the TaskFlow project management portal, ensuring all UI elements follow standard structural conventions. | pass→pass | 18,586 | 17,757 | -4% | 1 | 1 | 0% | 3,149 | 3,568 | +13% | 0 | 0 | — |