Rob O'Connell Design

MOER Creations

Shopify Storefront

Designed and built a scalable Shopify storefront optimized for conversion, performance, and brand consistency across devices.

Web Design

UI/UX

CSS/HTML

SEO

Javascript

Project Overview

MOER needed a production-ready ecommerce storefront that could support product launches, flexible content updates, and long-term growth. The site needed to balance playful brand identity with clear purchasing flows. The colors needed to be bright and eye engaging for the audience & target market of sport active kids between ages 9-13.

⚡

Challenges

•

Maintaining performance while supporting rich media, animations, and custom components.

•

Shopify is a fairly standard and simple web building platform. It lacked usability to be able to manipulate
design and elements for complexity.

💡

Solutions

•

Accelerated production using typography, color, illustrations, & components while maintaining brand consistency.

•

Using custom CSS & AI generated blocks I was able to
achieve desirable results throughout production.

•

I attempted to use third party platforms and integrate them into Shopify. Ultimately implementing custom code snippets into the site yielded the best results.

Outcome

•

Throughout many iterations and trial and error I was able to achieve a functioning & straightforward e-commerce website with modern usability and aesthetic that match the shareholders vision and constraints.

•

Each page and section was hand crafted using different design tools, AI coding, CSS, etc. to meet shareholder requirements, brand identity, and usability across desktop and mobile.

Coding Example: Meet the Founders Page

I created a “Meet the Founder’s” page that would activate an animation when scrolling down the page.
The animation would have the founders images slide into view when the user would scroll to a certain
point on the screen using a JavaScript snippet.