eCommerce Website Design & Build - Framer / Squarespace

Starting at

$

3,000

About this service

Summary

Launch your online store with a strategically crafted 10-page Framer/Squarespace eCommerce website with up to 12x products.
With over 6 years of experience serving clients around the globe, allow me to create a stunning, responsive, functional, and converting website that you'll be proud to show off.
So let's get building your dream Framer/Squarespace eCommerce site today!

Process

Initial Discovery: First, we'll discuss your project so I can better understand the purpose, target audience, and specific requirements for this website project.
Design & Development: From there, using Relume, Figma, and Framer, I'll design a professional wireframe, and mockup, then build a unique website that aligns with your brand, style, and project objectives.
Review & Revisions: During the design phase, I'll iterate the design based on your feedback and incorporate changes into the mockup. During the development phase, I'll ensure all design or feature choices play well on-platform, function correctly, and are responsive across devices.
Completion & Hand Off: Once we're both satisfied with the project completion, I'll finalize, launch, and hand off your new website, ready to showcase you and your business to the world.

FAQs

  • How long does it take to create a 10-page eCommerce website?

    Typically it takes 4 weeks, depending on the project's complexity, feature requirements, or number of design revisions needed along the way. Of course, more pages, features, integrations, or complex animations add time and cost to the project

  • Can you redesign my existing eCommerce website?

    Yes, but with caveats. I can redesign and build directly in your current Framer/Squarespace setup to preserve any existing CMS collection and remove the need to migrate content to a new build, however, I need to confirm which platform and what eCommerce integrations you're currently using first to ensure it is compatible with my process and skillset. If your existing store or online shop is on another platform, I can design and build a new Framer site and transfer your domain once it's ready, however, this would also constitute a transition of inventory management and payment processing over to the new build, which constitutes extra complexity, time, and cost. It's best to reach out first to discuss it with me.

  • Do you provide SEO or content services for the website?

    On-site SEO is included in every build, to align with best practices and ensure the search engine friendliness of your new site. However, I do not provide content copywriting, keyword research, backlinks, off-site (external) SEO, or any additional SEO services outside of what is necessary for the site build. SEO is a wide specialization in its own right that deserves the attention of an expert dedicated to its complexities.

  • Do you only build eCommerce websites on Framer/Squarespace?

    I prefer to build on Framer/Squarespace due to these platform's robustness, design flexibility, and development speed. Framer can offer more advanced animations and interaction capabilities, whereas Squarespace offers a more robust built-in eCommerce system while also currently being the better choice for scalability options as your business grows. (I may add full Shopify builts in the future, so reach out to check)

  • Do you offer support once the project is concluded?

    I offer 30 days of post-launch support to help you get to grips with Framer/Squarespace if you're unfamiliar with it and to help troubleshoot and resolve any issues, bugs, or errors with your landing page if any should arise.

  • Does your pricing include the cost of Framer, Shopify or Lemonsqueezy?

    No, the costs of Framer, Squarespace, Shopify, or Lemonsqueezy are not included. My pricing covers the design and development services I provide for your project. Framer/Squarespace provides the hosting for your site to keep it online on the platform you choose, for which they charge a monthly or yearly subscription fee. Additionally, that fee allows Framer/Squarespace to provide robust website and platform security, maintenance, customer support, and feature development, taking a lot of the headache associated with self-hosting out of your hands. Similarly, both Shopify and Lemonsqueezy provide eCommerce capabilities through a Framer-compatible integration, any fees associated with those features/services are charged by those platforms.

What's included

  • Discovery Questionnaire

    A comprehensive discovery form to help gather vital information about you, your business, and the project objectives.

  • Website Design

    Design of website wireframes using Relume and mockups using Figma, (or directly in Framer/Squarespace if appropriate for the project), for an 10-page eCommerce website. The wireframe structure the sitemap, page architecture, section hierarchy, and user journey (user experience (UX) design). The mockup visually prototypes the page layout, design style, and user interaction (UI design).

  • Website Development

    Development of a 10-page eCommerce website in Framer/Squarespace based on the mockups finalized above (if the mockup was created in Framer, these deliverables will be merged).

  • eCommerce Integration

    Depending on your project scale, inventory requirements, and eCommerce feature needs, we will either build in Squarespace with its native eCommerce functionality, or integrate either Lemonsqueezy or Shopify's eCommerce functionality on a Framer build (we'll discuss the best approach for your needs), with up to 12x products, (you can add more at your leisure, or choose an addon cost to have me set up additional products during the build).

  • CMS Setup

    Setup of Framer/Squarespace's native CMS (Content Management System) allowing you to manage a Blog or Portfolio (of any other type of collection) directly within your ramer site. (1x collection set up in included, additional may add cost).

  • Form Setup / Integration

    Integration of a third-party form provider of your choice (Typeform, Google Forms, various CRMs, etc), or setup of a native form in Framer/Squarespace. An example use case is contact or application forms directly on your site.

  • Mobile Responsiveness

    Testing and modifying the design in Framer/Squarespace ensures the website is responsive for various screen sizes, meaning it will automatically adjust and look great across common devices, from desktops to smartphones.

  • On-Site SEO

    Building with on-site SEO best practices in mind, including URL optimization, meta tags, semantic page structuring, image optimization, and mobile-friendliness, helps improve the website's ranking with search engines.

  • Handoff & Aftercare

    Once completed, the final landing page will be handed over to you so you can retain complete control. Additionally, 30 days of post-project support is included to give you peace of mind, help you gain comfort with Framer/Squarespace (if you are unfamiliar with it), and troubleshoot or resolve any issues, bugs, or errors that arise (if any).

Recommendations

(5.0)

Brendan is fantastic! He's the kind of colleague we all want on our team - collaborative, creative and flexible to accommodate urgent needs. His communications were clear and thorough. I recommend Brendan without hesitation! A++

Brian Moran • NoCo IQ

Client • Mar 28, 2023

This was the first time we worked with Brendan and it was a pleasure. His understanding of what we were looking for after a few short exchanges was excellent, as was his work. We will certainly be working together for some time to come!


Duration

4 weeks

Skills and tools

Web Designer
Squarespace Developer
Framer Developer
CSS3
Figma
Framer
Relume
Squarespace

Industries

Web Design
Web Development
UX Design

Work with me