E-commerce
Responsive Merchandising Surfaces
Retail teams inherit rigid grids that collapse awkwardly once marketing adds seasonal tiles. This lab walks through fluid columns, container queries, and image ratios tuned for apparel and electronics mixes. You ship a storefront slice with documented breakpoints and QA notes for QA partners in Seoul operations.
Tuition (planning only)
1,180,000 KRW
Informational pricing—no checkout on this site.
Facilitator
Haneul Byeon
Former catalog lead for a multi-brand marketplace; focuses on layout resilience.
Inside the syllabus
- Container-query cards with lazy media slots
- Accessible color contrast checks on promo ribbons
- Skeleton loaders aligned to CMS field order
- Sticky filter rail that respects reduced motion
- Print-friendly order sheets for warehouse pickers
- Story-driven regression checklist for releases
Artifacts you keep
- Ship a two-breakpoint merchandising grid with annotated specs
- Document how copy changes affect layout without redeploying CSS
- Hand off QA cues that reference measurable spacing tokens
Participant questions
Do we cover native mobile wrappers?
We stay inside responsive web views. Native shell integration is out of scope, though we note bridge hooks.
Is design software required?
Figma access helps but is not bundled; you may pair with internal designers.
What is not included?
We do not supply CMS licensing or production hosting; you bring your own sandbox project.
Recent reflections
The module on ribbon overlays mapped directly to our Lunar sale layout—mentors flagged a clipping bug before we merged.
Yuri S. · UI engineer · Seaside Pantry Co. · 5/5 · survey
Dense, but the week-three spacing audit template is now our default release gate.
Min · Google