ShopMunie ~ Framer E-Commerce Experience Design

COMPANY / BRAND: ShopMunie ROLE: Product Designer & Framer Developer EXPERTISE / STACK: UI Design · Prototyping · Responsive Layouts · Image Optimization · Framer YEAR: 2025

ShopMunie is a fashion brand centered on bold, inclusive styles for women of all sizes. I was tasked with translating their offline identity into a high-impact online storefront — one that feels vibrant, user-friendly, and performance-driven. My aim was to balance expressive visuals with intuitive browsing.

Duration: ~2 weeks (design, feedback, build, polish)

Reviewed brand guidelines, moodboards, and competitor sites

Defined user goals (browse quickly, see details, feel confident)

Mapped primary flows (hero → collection → product → contact/custom orders)

Created wireframes & layout alternatives

Designed hi-fidelity visuals in Framer — hero, grid, product cards, nav

Defined hover and transition animations (e.g. image scale, overlay)

Built mobile-first responsive versions

Exported interactive prototype in Framer

Optimized images (compression, lazy loading)

Ensured performance across screen sizes and devices

Iterated based on client feedback (spacing, scale, visual tweaks)

Prepared component specs (padding, font scale, states)

Documented responsive adjustments and behavior

Delivered project link and assets for client use

Clean, bold hero with clear messaging and call-to-action

Product grid with interactive hover overlays and transitions

Responsive layouts across desktop, tablet, mobile

Optimized images and lazy loading for performance

Transparent navigation (Shop, Custom Orders, Contact)

Component documentation for future expansion

ShopMunie now has a dynamic, expressive storefront that matches the energy of the brand while making browsing seamless. The interactive design can be exported or adapted directly by the client. What was once a static idea is now a living, functional online experience.