Free delivery · Minimum spend $50 · 2–4 working days1 year peace of mind with every Imi toolFlexible payment plans · interest-free instalments at checkout
A guided tour of what we built for the new Imi website, every page, every detail, every link. Click anywhere to see it live.
First official draft. We'll revise from here as more content lands and you decide what to refine. Animations, video transitions, and richer sections will come together as the work progresses.
14
Pages built
3
Live products
10
Variations priced
2
Journal stories
3
Forms wired to email
The headline pieces
The big moments.
The four pieces that set the tone for the rest of the site, designed to hold up on day one and keep working as Imi grows.
"Doing what matters, better."
A homepage built around the brand.
The new homepage opens with a full-bleed video hero, then walks visitors through the three-tool collection, the IMI Standard pillars, real customer voices and the latest Journal stories, all linked to live product pages so visitors can move from inspiration to checkout in a single scroll.
Looping video hero pulled from the original brand reel
Three-product triptych with hover, real prices and direct links
Customer voice cards from your existing creators (Ariel, Rifah, Nixie)
"Get in on the glow" newsletter, submissions email support@myimi.co
Every product page has the full Imi photography, real prices with strikethrough on sale items, the colour swatches you asked for, and a clean Add-to-Cart flow that opens the side cart. Built once as a template, so adding new products in future is one click.
Image gallery with thumbnails, sticky CTA on scroll
Clickable colour swatches (Snow White / Sakura Pink for the Hair Dryer)
Bundle dropdowns for the Air Styler & Air Straightener
IntelliSense™ trademark applied across all references
Add anything to cart and a side panel opens, desktop slides in from the right, mobile slides up from the bottom. Customers stay on the product page, see what they've added, and proceed to checkout in one click. There's also a full /cart/ page for users who want it.
Live quantity controls, increase/decrease without page reloads
Live subtotal, "Flexible payment plans" message, secure checkout link
Mobile-optimised, rounded top corners, drag handle, takes 75% of screen
Powered by WooCommerce Store API, works on every page of the site
The new About page tells the Imi story across six sections: brand statement, origin, three pillars (Quality / Elegance / Technology), craft & materials, brand values, and a timeline ending with a clear shop CTA. All copy lifted from the brand voice on myimi.co, none of it generic.
"Designed by women, for women" origin section
The IMI Standard, three pillars in editorial cards
Beyond the headline pages, here's everything else we built to make the new site feel complete from day one.
01
Shop / CollectionProduct Archive
A sticky filter bar at the top, then an editorial 2-up product grid below, every card has hover-state Quick Add, "Sale" / "New" badges, and clear strikethrough pricing. Replaces the old Shop page entirely.
Imi's editorial home. Featured story up top, magazine-style 2-up grid below, plus an "Editor's Picks" dark block. Two starter articles already live: The morning ritual and Inside the IMI Standard.
Category pills, featured story hero
Polished post cards with rounded imagery
Single-post pages have a TOC sidebar + reading progress bar
All 6 questions from the original myimi.co FAQ, exactly as you wrote them, wrapped in a clean accordion. Tap a question to expand the answer; everything else stays calm.
Two-column layout: a clean contact form on the left, three info cards on the right (email, social, response times). Every form submission is emailed straight to support@myimi.co.
A polished registration form using exactly the fields from your existing warranty form, Title, Name, Phone, Email, Store/Retailer, Order Number, Product Purchased, Serial Number, Date Purchased. Submissions go to support@myimi.co.
3-step layout: Your details · Purchase info · Product info
"What's covered" sidebar with the 4 covered defect types
Your existing returns policy, beautifully laid out with three at-a-glance perks (30 days · 14 days processing · Store credit) above the full text. Every word lifted verbatim from myimi.co.
The full privacy policy you sent over, sectioned properly with a sticky table of contents on the left so visitors can jump straight to "Your rights" or "Cookies" without scrolling through 6,000 words.
20-section TOC sidebar with active-section highlighting
Effective + Last Updated dates surfaced in the hero
A single source of truth for the global header and footer, appears on every page. Update it once and the whole site updates. Includes the announcement bar, mega-menu, search modal, account icon, cart popup and the 4-column footer.
Rotating announcement bar (3 messages, dismissable)
Mega-menu on Shop hover with 4-column layout
Footer wired with real Imi social links + support@myimi.co
The technical foundations that make the site fast, easy to update, and ready for everything that comes next.
A
All 3 productsLive in the catalogue
Imported and configured the full Imi catalogue: Air Smart IntelliSense™ Hair Dryer (with Snow White / Sakura Pink colour swatches), Air Styler (4 bundle options) and Air Straightener (4 bundle options). Real product photography, real prices, real strikethroughs.
Forms route to your inboxNewsletter · Contact · Warranty
Newsletter signups (homepage + footer), the contact form, and the warranty registration form are all wired to email support@myimi.co directly. Submissions come through with the name of the form so you can route them quickly.
Every page is responsive, the cart slides up from the bottom on phones with a drag handle and rounded corners, the mega-menu collapses to a clean drawer, and the product images swap to a touch-friendly carousel. Tested on iPhone and Android viewports.
Lifted directly from myimi.co, "Doing what matters, better" headlines, "Get in on the glow" newsletter, "The IMI Standard" pillars, "Designed by women, for women". The Inter + Fraunces type pairing matches the brand styles exactly.
The foundation is in. From here, we'll layer in animations, scroll interactions, and richer sections as more content and feedback arrives, without breaking what's already shipped.
→
Animations & motionComing next
Scroll-pinned product reels on desktop, fade-in transitions on cards, video parallax on the hero. We'll add these once the static layout is fully signed off.
→
Real customer reviewsPulled from WooCommerce
Today's customer voice section uses creator quotes, once your WooCommerce review backlog grows, we can swap to live verified reviews automatically.
→
Instagram & TikTok feedsLive UGC wall
You have a strong creator roster (Ariel, Rifah, Nixie, +5 more). We'll embed their actual reels into a scrolling UGC wall once we set up the integration.
→
Checkout polishFuture iteration
Checkout currently uses the WooCommerce default, when you're ready, we'll restyle it to match the rest of the site (sticky order summary, branded payment icons).
The site is live, explore it.
Click around, add things to cart, fill in the forms, scroll through the journal. Send feedback any time and we'll iterate from here.
