WHEN ONE DOOR CLOSES, A browser window OPENS
Since the lockdown, many businesses have closed their physical stores and moved to a new address: their website domain. Now’s your chance to help them set up shop online, but what if you can’t figure it out on your own? Luckily, becoming a Shopify expert is now within reach.
Does any of these ring a bell to you?
I wish to offer Shopify design and development but clueless where to start
I’ve been developing Shopify websites but I am too reliant on built-in sections available in Shopify themes and I am outsourcing every little customization
I tried to learn coding in Shopify but the courses teach how to develop theme from scratch and they are quite overwhelming and intimidating
EVERYTHING YOU NEVER KNEW You Needed
01 IN-DEPTH MODULES & LESSONS
Discover what it takes to be a go-to Shopify design expert. All in engaging, beginner-friendly video format from start to launch. I’m not holding back on the industry secrets I’ve learned after 5 years of building sites in this e-commerce platform.
02 NOTION KNOWLEDGE BASE
Get an all-access pass to my ever-expanding design & development resources. This includes my module notes, companion cheatsheets & workbooks, CSS selectors database, and project templates. You’ll even get a sneak peek of my curated typography, layout, and app favorites.
03 SQUARESTYLIST’S CODE TOOLKIT
Browse my personal collection of CSS & Liquid snippets filtered by category. These codes have served me well in hundreds of projects, and now they’re yours to use too. The best part? You’ll be able to understand every single line by the end of this program—switch things up, even.
ESENCIA THEME
To effectively build your expertise in Shopify, mastering the architecture of one theme is key. This technical expertise will also allow you to properly scope and price projects. And to make sure that you have the best learning experience, we provide a premium theme exclusive to Standout Shopify students. After mastering this premium theme, you can easily adapt the concepts to customize ANY Shopify theme (free or paid). More so, you’ll learn how to build your own theme (if you are inclined to), similar to how we approached building Esencia. This can be a source of more scalable income in the future.
This course teaches you how the website builder works in the most hands-on way: setting up this exclusive base template so you can use & modify it for all your future sites. It’s still Shopify, just without all your usual design constraints.
UNLIMITED License
Esencia is a minimalist theme that can be adapted to the needs of any industry. Inside the course, I encourage you to the most out of its flexible architecture by staging it as the base for your
SEAMLESS Integration
Not only does it complement the signature Standout process. This theme was also built to work nicely with Shopify apps, making it that much easier for you to install third-party
MODULAR Design
Sleek & sophisticated layout made with you in mind. Esencia consists of multiple section presets that you can arrange in countless configurations. We’re studying this theme page by
The CORE CURRICULUM
Level One:
SHOPIFY Fundamentals
Every exceptional online shop starts with a blueprint. Before we even dig into the code, let’s explore the Shopify 2.0 design & development workflow from strategy to launch. What better way of looking under the hood than a walkthrough of your feature-rich base theme, Esencia? We will work on an actual case study for the brand, Estudio Persona.
-
The Standout Checklist from design to launch
-
Design Strategy for eCommerce + our most raved about Website Strategy Template.
-
Wireframe Design Principles
-
Efficiently configuring Shopify websites: from product set-up to order testing.
-
Exploring built-in features, sections, and templates
-
Building websites with accessibility, performance and speed in mind.
-
Leveraging Shopify 2.0 features: store filtering, variants and the magic of metafields
-
App and Features Library
No prior knowledge of Shopify, Adobe XD or Figma is required.
Level Two:
SHOPIFY CSS
Looking to spruce up the online shop a bit more? It’s time for us to fix those product aisles by styling them using CSS. In recreating the Creativa mockup, you’d be surprised with how much you can actually do in your Shopify Code Editor.
-
Scoping the right selectors for typography & layout
-
Responsiveness and Cross-browser testing and Smart Coding Techniques to make sure customizations are properly applied even when the theme is duplicated.
-
Creative layouts using pseudo- & background elements
-
Adding engaging animations
-
Efficient methods to install custom fonts
All CSS concepts can be applied to ANY Shopify theme (free or paid)
Level Three:
SHOPIFY Liquid
Believe me, you can build your own template!
I’ll be demonstrating the process of how you can build your own “designer template” similar to how I built Esencia Theme.
-
Beginner guide to Liquid and JSON
-
JSON and Liquid basics to make customization options available to users.
-
Adding custom sections & elements to existing themes
-
Streamlining & optimizing your Shopify backend
-
Learn how to build your own “designer template”
All Liquid & JSON concepts can be applied to any Shopify theme (free or paid)
Level Four:
BUSINESS UNIT
Once you’re fairly confident with your tech skills, we can start talking about what else you need to know about running a Shopify design business. Here are the things that trip up many people in the beginning: how to find your ideal clients, price at a premium, and stand out.
-
Defining your Brand Promise to attract the right clients
-
Onboard with Confidence using our proposal templates, discovery call scripts, welcome guide and contract references.
-
Notion Dashboard for eCommerce Projects
-
Offering Shopify Design Intensive + bonus Dubsado Template
-
Discovery Questionnaire and Website Copy Prompts
Sales Page:_https://www.standoutshopify.com/
