Responsive Offer Table
UI Elements
Built a scalable, mobile-first pricing table for packages, bonuses, and retail pricing that marketing can reuse across product types.
Case study
Role: UI design + front-end implementation
The challenge
Pricing tables break easily on mobile and become unmaintainable when every product needs a one-off layout. The team needed a responsive pattern that could show package info, bonuses, and retail pricing—and scale across different product types without redesigning from scratch.
What I did
- Designed a table-style pricing layout optimized for scanability on desktop and stacked clarity on small screens.
- Implemented HTML/CSS/JS structure for package rows, bonuses, and price presentation.
- Made the pattern content-flexible so operators can adapt it to multiple products without engineering rework each time.
- Delivered a live previewable component for rapid stakeholder review.
Outcome
A reusable conversion UI building block that protects mobile UX and shortens time-to-launch for new offers.
Skills demonstrated: Responsive design, front-end implementation, design systems thinking, marketing operations enablement.
Tools I use daily







