#decor-charge

Standout
Squarespace

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 sites of today

Our Approach

  • Design with delight

    Unravel the why behind modern design principles—such as accessibility, responsiveness, compatibility, SEO, and performance—to make choices with care & consideration.

  • Craft with Code

    Master web development by leveraging the suite of tools available at your disposal within Squarespace, such as the code editor & code injection panel.

  • Charge with Confidence

    Collaborate with ideal clients who value your expertise after building a holistic portfolio, streamlining your process, and exhibiting your work ethic.

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

  • Coding Workshops (2x per month)

  • Personalized coding support to help you troubleshoot project issues

  • Monthly Live Calls

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 focuses 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

  • Founder of Squarestylist looking at the wall of inspirations

    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

    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

  • Founder of Squarestylist looking at the wall of inspirations

    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:

Coding Workshops

Coding Support

Code Toolkit Updates

Bonuses

Day Intensive Workshop

Selling Templates Masterclass

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:

Coding Workshops

Coding Support

Code Toolkit Updates

Bonuses

Day Intensive Workshop

Selling Templates Masterclass*

 

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.

*SELLING TEMPLATES MASTERCLASS covers the marketing, delivery, and support of Squarespace Templates. This includes lessons on creating the sales page, important clauses in the terms and conditions, tech stack, automating delivery and installation to an existing Squarespace Site. Please note that you’ll still learn how to design & develop Squarespace Templates in the Full Tier regardless of the payment plan. This lesson is covered in Module Six.

If you opt to start with the Foundations Tier, you may still avail the Selling Templates Masterclass when you upgrade to the Full Tier.

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
Coding Workshops No Yes
Coding Support No Yes
Live Calls No Yes

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.

live-session.jpg

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.

Live Calls

Say goodbye to hours of scrolling & getting lost in forum threads or search results. You’re hearing the answers you need straight from me in our one-hour Q&A calls every other week. Join me live so you can gain feedback in real time, or pre-submit questions to watch the replay later.

Workshops + resource library

Access our growing 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.

Rache-profile+pic.png

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 & Support

    This 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:

    1. Foundational Modules: LIFETIME ACCESS

    2. Advanced Modules: LIFETIME ACCESS

    3. 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).