Standout
Squarespace
COURSE
Years of website workmanship, hundreds of student insights—all distilled into one signature program that turns Squarespace design & development into your finest craft. Standout Squarespace is the leading program behind the seamless & stunning Squarespace sites of today
Create the Unexpected
Our Approach
-
Craft expert-level websites
Master the Squarespace platform and its native features so you can build high-performing websites fast.
-
Create the Unexpected with Code
Push the boundaries by learning how to code the smart way so you can create unique and sought-after features that serve your dream clients.
-
Charge with Confidence
Confidently charge more for your services and offers + collaborate with ideal clients who value your time and expertise.
Key Pillars
01
Foundational Modules
Includes pre-recorded, comprehensive lessons on
Intentional Web Design - considering business strategy, accessibility, SEO, responsive in designing websites using Adobe XD & Figma
Squarespace Core - all about maximizing built-in Squarespace features.
Build-out & Launch - smart ways to build pages and collections & launching an optimized websites
In this Foundations Level, we build an entire project from start to finish (Atelier Colombe) guided by our Standout Checklist.
02
Advanced modules
Includes lessons on how to push the boundaries of Squarespace using code
CSS Foundations - the basics of CSS and identifying selectors
CSS Techniques - introduction to key CSS techniques: Pseudo-elements, Flexbox, CSS Grid
Create a Squarespace Template - The Standout Way
In the Advanced Level, we discover the possibilities of code while working on the Hologram and Abode Edit projects.
03
coding workshops & Support
You are welcomed in a supportive community of like-minded creatives. In the community, you’ll receive access to
A Library of Coding Workshops
Coding support to help you apply learnings from the course
Core Projects
-
Foundations Project
-
Coding Project
-
Squarespace Template Project
The Standout Difference
What makes a website stand out?
What sets a website apart? To me, the visuals barely scratch the surface. Beneath every well-crafted site lies an attention to detail: how it loads into life, how it interacts with elements, how it adapts to devices & browsers, how it lends to search & indexing, how it accommodates diverse audience needs.
Watch how you too could weave this remarkable digital experience →
BRAND NEW curriculum
Our brand new curriculum (Standout 2.0) reflects latest updates on Squarespace including Fluid Engine, Squarespace Courses, new eCommerce functionality and latest best practices in coding and web design. Our lessons focus on creating websites that follow best practices on accessibility, responsiveness, SEO, site speed and performance. It has two levels: Foundations and Advanced. All lessons are pre-recorded. You may go through them at your own pace.
01 / Foundations
-
Intentional design
What sets standout sites apart from dull designs? It’s all in the intention—how you gather inspiration, how you frame the strategy, or how you craft experiences both responsive & accessible. These practices are all part & parcel of your future web design expertise.
The Standout®️ checklist
Client forms and guides (Discovery Questionnaire + Content Guide)
Crafting the Website strategy
Wireframe Design Guidelines (Adobe XD & Figma)
Designing with Development in Mind
Responsive Design Best Practices
Championing Accessible Web Experiences + Accessibility Checklist
Considering Site Performance and SEO + Performance Checklist
-
Squarespace Core
Basic doesn’t have to be boring. Finding your edge isn’t in following the rules; it’s in learning the rules to break them. Go explore my trusty tips & tricks to master the new Fluid Editor and the smart ways that we can use Squarespace Blocks & Sections.
You’ll learn how to efficiently translate your XD/Figma design to a pro Squarespace website and be fully informed in deciding which settings to use, may it be page width, font size, row column et al.
Assigning Global Colors the Efficient Way
Installing Custom Fonts, the Standout Way
Typography Tricks
Mastering the Fluid Editor
Section Templates: Ensuring Responsiveness and Browser Compatibility
Smart Ways to use Squarespace Blocks
Autolayout Sections: Tips in Identifying which section or block to use
-
Build-out and Launch
Time to create a stunning site from header to footer. I’ll walk you through the sections, pages, and collections designed to convert clients right from the start. By the end of your first project, you’ll be ready to launch a certified editorial page-turner in the digital space.
Leveraging Saved Sections to built out inside pages
Google Lighthouse Test for pages
Blog vs Portfolio
Setting up Shop (Squarespace Commerce)
Hosting Courses in Squarespace
Shipping & Taxes, Optimization, Handoff
-
Business Unit
What will it take to streamline your studio? Once this overview is over you’ll be thrilled with things that trip you up now: skill setting, client clinchers, premium pricing, the works.
Identifying your Standout Style
What to include in Client contracts? Hint: It needs to have clauses on accessibility and site performance
Using your Product Suite as your Designer Portfolio
Pricing and Proposal Templates
Complete Process Templates, Contract References, Project Management Dashboard, Client Questionnaire, Website Content Guide and more!
-
New List Item
Description goes here
02 / Advanced
-
CSS Essentials
Master the art of identifying selectors to customize any element. There’s a smart way to select and style elements and maximize the saved section feature to make the development process a breeze.
Our Smart Selector index helps you scope code customizations to apply to certain pages, collection items or elements.
Basics of CSS in Squarespace
Selecting Elements: The Right Way
The Smart Selector Index
Coding for Responsiveness
Responsive Design Best Practices
Championing Accessible Web Experiences + Accessibility Checklist
Considering Site Performance and SEO + Performance Checklist
-
CSS Techniques
Learn the essential CSS techniques and how to leverage them in your Squarespace projects. These code techniques are not only meant to create stunning Squarespace sites. They are also key to making Squarespace sites easy to edit, fast, and performant. All concepts are demonstrated using Squarespace’s new features and interface.
Typography Techniques
Background Images and Gradients
Pseudo-elements to add decors, image accents, and customize assets like arrows.
Animations
-
Advanced Applications
We combine the techniques from our core curriculum and our supplementary workshops to confidently take on client and personal projects. In this module, I walk you through the standout way of building Squarespace templates. We use our smart techniques to ensure that we can automate delivery of templates and our clients do not need to touch a single line of code.
Combining Techniques
Creating Squarespace Templates: The Standout Way
Capstone Project
-
New List Item
Description goes here
behind-the-scenes preview
Kind Words
Ready to Create the Unexpected?
Keep it Lite
Foundations
One-time payment
1 payment of $1297 or
4 payments of $325
Lifetime Access to:
Foundational Modules
Process Templates
Q & A Space
Advanced Modules
Code Toolkit
12 months access to:
Coding Workshops
Coding Support
Code Toolkit Updates
Bonuses
Day Intensive Workshop
Selling Templates Masterclass
Go All-In
Full Tier
Split Payment
6 payments of $525
Lifetime Access to:
Foundational Modules
Process Templates
Q & A Space
Advanced Modules
Code Toolkit
12 months access to:
Library of Coding Workshops
Coding Support
Code Toolkit Updates
Bonuses
Day Intensive Workshop
Full Tier
One-time payment
1 payment of $2797
Lifetime Access to:
Foundational Modules
Process Templates
Q & A Space
Advanced Modules
Code Toolkit
12 months access to:
Library of Coding Workshops
Coding Support
Code Toolkit Updates
Bonuses
Day Intensive Workshop
Important Reminders
- All prices are in USD
- Once you are enrolled in Standout Squarespace Foundations, you may upgrade any time to the Full Version by paying the price difference. For more information about the Foundations Tier, please check out this page →.
- Advanced modules include lessons on coding basics and techniques.
- Any of the plans includes LIFETIME access to the comprehensive modules.
- Codes and coding techniques acquired from the program can ONLY be used for client work and in selling website templates but CANNOT be shared, sold or repurposed to be sold as plugins or course or to be shared as free resource.
Not ready to join for now but keen to receive updates about program details and offers?
Subscribe to Updates
Limited-time Offer
Live practice sESSIONS
March to April 2024 • 8-week sprint • Accountability
Need a little more push to start? I’ll be hosting a series of sessions to guide you through the core curriculum. Think complimentary lessons & milestone checks in an online class setting. You can look forward to learning alongside other students if you enroll by March 1, 2024
This is an optional activity designed for those who are motivated to move through the course along with other students. All core lessons are pre-recorded and you may go through them at your own pace.
Keep it lite or upgrade to full
By signing up for this foundational course, you earn credits towards the full version of Standout Squarespace. That means you can upgrade by simply paying the price difference between the Foundations and the Full Version.
**Foundational Modules: Lessons about building a Squarespace site from end to end by leveraging built-in features. Minimal coding only.*
***Advanced Modules: Lessons about coding techniques in Squarespace.*
Foundations | Full Version | |
---|---|---|
Business Unit | Yes | Yes |
Process Templates | Yes | Yes |
Foundational Modules | Yes | Yes |
Q&A Space | Yes | Yes |
Advanced Modules | No | Yes |
The Code Toolkit | No | Yes |
Library of Coding Workshops | No | Yes |
Coding Support | No | Yes |
Exclusive Workshops
The Community
By enrolling in the Standout Squarespace program, you’ll have access to 12-months of high-touch support from Rache and program mentors. We guide you in achieving your dream layouts and troubleshoot any coding hiccups.
You'll also have an opportunity to connect with me and other students throughout the course—the support you need to achieve your goals.
Exclusive Online Community
Get comfortable in our special space to get what you need: refresher on the latest lesson, breather from scope creep, or designer for your next partnership. We’re here to keep you engaged & empowered in the company of curious creatives.
Workshops + resource library
Access our selection of workshops, walkthroughs, and guest sessions made available within our circle. These videos are designed to present practical case studies in the form of new features, modern layouts, or recent developments.
hi there, I’m Rache
I’m a self-educated web designer & developer who enables creative entrepreneurs to stand out with skills & craft with code.
You might know me by the way I unfold advanced coding concepts in simple & intuitive ways. It’s true that I value pushing the envelope with CSS & JavaScript. But first & foremost, I value grasping the essentials—in appreciating the corners of business & design.
When I quit my job as a chemical engineer, I had no coding knowledge in my hands. I only had two things: the belief in business & the desire to design. The former made me determined to find freedom in my life; the latter made me committed to continue my craft.
These were the codes I lived by, even before the actual code.
By passing on these lessons, I hope to instill not only the pursuit of knowledge but also the promise of a fulfilling life. You can weave your dream from the desires & delights of your own hands, the way I did. No more untangling knots of know-hows. No more tracing forum threads that lead to dead-ends. No more knitting your brows trying to figure out where to start.
If you’re too terrified to take the leap, just take the first step here in Standout Squarespace.
HEAR IT STRAIGHT FROM STANDOUT MEMBERS
-
The Full Standout Squarespace program has three main components:
1. Foundational Modules
2. Advanced Modules (include coding techniques)
3. Coding Workshops & SupportThis program grants you access to the foundational modules of Standout Squarespace. That means we’re focusing on the cornerstones of this craft: website design, Squarespace proficiency, & business strategy. You’ll have much to learn if you’re an aspiring web designer who is still unsure if coding is a good fit for you.
There might not seem to be much in this foundational course at first glance. But to be honest, I still see a lot of unnecessary blocks whenever I troubleshoot websites built by experienced designers. It’s why I made this part more accessible so you can focus on streamlining your process—how to properly add blocks in the Fluid Engine, for instance—even when you have not yet decided on actively learning CSS or JavaScript.
-
You may definitely start with Foundations first.
The Foundations level walks you through the entire process of how to offer Squarespace web design (with minimal coding). The level includes business resources too including contract references so you're all covered!
Once you start getting clients, you may then decide to upgrade to the Full Tier and we will subtract that payment you've made for the Foundations Tier.
For example, if you enroll in the Foundations Tier at $1297, then the cost to upgrade to the Full Tier is $1500 ( $2797 - $1297 )
-
I intended this program as a beginner-friendly guide for anyone who dreams to work within the web design industry. No prior knowledge of Squarespace or coding is required.
If you’re already managing your own studio in this space but looking to expand your knowledge on web design & development, this can also be a great fit for you. Many students have told me this course helped them achieve a breakthrough in their process even when they’ve designed Squarespace sites for years.
By the end of this course, you’ll be confident in your ability to utilize Squarespace to its full potential, position yourself as a design-driven creative, and curate a holistic experience for your ideal clients.
-
In our business module, we’ll be talking at length about positioning your studio, setting up your tech stack, and streamlining your workflow to improve the client experience. These are valuable information you’ll need in the industry. That being said, kindly note that I am no lawyer or accountant—please consult a professional for your more specific legal or financial concerns.
-
No need to upgrade to any paid Squarespace plan to get started. My team can give you access to 6-month or one-year trials for your clients. Also, we can facilitate your Squarespace Circle membership so you can initiate 6-month trials yourself. If you wish to publish your own site, you’ll need to subscribe to applicable Squarespace plans.
-
YES! The foundational modules guide you through the Fluid Engine in line with Squarespace 7.1’s current requirements. Take note though that you can apply high-level business & design concepts retroactively to previous versions, such as classic sections and the version 7.0, or even other website builders.
-
No need for you to worry about missing out. Once you sign up for Standout®️ Foundations, you’ll have lifetime access to foundational resources: the foundational modules, the business unit, the process templates, even the Q&A space. We would also keep you in the loop in case of any essential updates on the course materials.
If you opt to upgrade to the full Standout Squarespace program, there is limited-time access to coding workshops and coding support. Access to coding workshops and support is 12 months only. An option to renew access will be available.
Here’s a summary:
Foundational Modules: LIFETIME ACCESS
Advanced Modules: LIFETIME ACCESS
Coding Workshops, Support, Toolkit Updates: 12-month access
-
Standout Squarespace is available in full at $2,797, while the Foundations version is at $1297. There are also payment plans available for each alternative to make this signature course more accessible to you. Kindly check the payment tiers above for more details.
If you take the Foundations track and decide to learn coding eventually, you can upgrade to the full version of Standout Squarespace by paying the difference. You can also decide to take a flexible payment plan for this option.
-
Upon enrollment, you get access to an exclusive community where you can discuss content, raise clarifications, or suggest improvements. My team and I will be there to personally answer your questions so you can feel supported every step of the way. I’ll also be hosting optional group calls so I can check in with you; feel free to hop in when you can. You could even suggest layouts for me to recreate in monthly walkthroughs.
My intention is to empower you in web design, development, and strategy so you can confidently make your own decisions moving forward. I’d love to guide you within my capacity as you nurture your studio based on your own needs & sensibilities. That said, our Q&A may not be the most suitable avenue for more urgent matters.
-
Due to the digital nature of the program, we do not offer refunds. Please reach out via email, Instagram, or the chat button for any questions or clarifications. We’d love to help you make sure that this course is a great fit for you.
-
I’ve explored various platforms throughout my career as a web designer & developer. To teach myself the fundamentals, I tried Webflow, WordPress, Showit, and Shopify. At one point I even coded a website from scratch and hosted it on Netlify.
Eventually, Squarespace became my go-to website builder because it’s simple to get started yet flexible enough for coding customizations & e-commerce options later on. I believe it brings most value to clients by making websites delightful to maintain & update.
Questions?
Have some more questions? Please feel free to leave your questions via the chatbox button at bottom right of the screen.
Still unsure if Standout Squarespace is right for you?
That’s totally understandable! Feel free to send us a message via the chat box (lower right of the screen).