Ecommerce Laptop Icon

Custom E-Commerce Stores

1. Project Start Phase

On your mark, get set, GO!! Dive into our e-commerce onboarding process, Zoom, and Teamwork.

Logo Logo Welcome to Arctic Leaf

  • Getting Started: E-Commerce
  • Tools & Resources for Your Project: Zoom
Getting Started: Ecommerce
Tools: Teamwork

Logo Logo Welcome to Arctic Leaf

Logo Logo

Ready to get started? We're with you! Your Account Manager and Solutions Consultant will take you through every step of the process, including...

  • bullet-arrow iconDesign
  • bullet-arrow iconDevelopment
  • bullet-arrow iconQuality Assurance
  • bullet-arrow iconFinal Launch

Tools & Resources for Your Project

Tools: Teamwork

Teamwork is the project management software we use to keep track of requested work, manage communications, and monitor project time.

Logo Logo Onboarding

  • Your Onboarding Meeting
  • Tools & Resources for Your Project: Zoom
Process: Onboarding Meeting
Tools: Zoom

Logo Logo Onboarding

Logo Logo

Our initial onboarding meetings will get you and your team familiarized with our process and the tools we use throughout the course of your project. These meetings will cover...

  • bullet-arrow iconYour Statement of Work
  • bullet-arrow iconProject Timeline
  • bullet-arrow iconGoals of the Project
  • bullet-arrow iconThe Questionnaire
  • bullet-arrow iconDesign Inspirations
  • bullet-arrow iconAny Questions Either Team May Have

Tools & Resources For Your Project

Tools: Zoom

Zoom is our go-to telecommunication application! With it, your team and ours will be able to collaborate and share their work.

2. Design Phase

Your site is in design! See what we're doing...

Logo Logo Design Phase Overview

  • Design Process
  • Tools & Resources for Design: Figma
Process: Design
Tools: Figma

Logo Logo Design Phase Overview

Logo Logo

Your design process has begun! Through this phase, we'll be covering:

  • bullet-arrow iconMeeting with Your Team to Understand Your Needs
  • bullet-arrow iconWireframe
  • bullet-arrow iconPrototype
  • bullet-arrow iconDigital Style Guide
  • bullet-arrow iconDesign Review and Handover

Tools and Resources for Design

Tools: Figma

Figma is a design prototyping tool that allows us to send you a fully clickable and animated prototype of your live site design. Everything design, from your wireframe and style guide to your final mock-up, will live here!

Logo Logo UX Design

  • Wireframing
What is a Wireframe?

Logo Logo UX Design

Logo Logo

Congratulations on receiving your wireframe! Your wireframe determines the framework and layout of your site's content. Be sure to leave comments on anything you'd like to change!

Logo Logo UI Design

  • Mock-Ups
  • Reviewing Your Style Guide
  • Meeting About Your Homepage
  • Reviewing Core Pages
What is a Mock?
The Importance of Digital Style Guides
The Importance of Your Home Page Meeting

Logo Logo UI Design

Logo Logo

Using Figma, our UI designers will create a pixel perfect design of your website! This prototype, called a mock, will serve as the blueprints for our developers.

Getting Involved

The Importance of Digital Style Guides

Your style guide serves as a set of standardized guidelines that establishes how and where to use language, formatting, design elements, and other components across your website. This helps our teams to collaborate seamlessly while accurately representing your business!

The Importance of Your Home Page Meeting

Your home page is the establishing shot for the rest of your website! Your customers first impressions and the site's global styling all originate in the home page. This meeting is a great time to bring up any changes or features you'd like to make!

Reviewing Your Core Pages

Now that you've reviewed your homepage, your design is in full swing! Some pages are being developed, while others will need your review. Our team will be collaborating regularly with yours to ensure that all pages are exactly as you want them!

3. Development Phase

Congratulations! Your project is now in the development phase!

Logo Logo Development Phase Overview

  • Development Process
  • Previewing Your Site
  • How to Set Up Your Products
Process: Development
How To: Set up Your Products in BigCommerce - Manual Upload
How To: Set Up Your Products in BigCommerce - Arctic Leaf Upload

Logo Logo Development Phase Overview

Logo Logo

In this phase, your development team will meet with your design team and turn your Figma prototype into a reality. Included in this phase:

  • bullet-arrow iconDevelopment Tailored to Your Platform
  • bullet-arrow iconPreview Links for Key Pages
  • bullet-arrow iconQA Testing for Individual Pages and Features

Getting Involved

How to Set up Your Products in BigCommerce: Manual Upload

As we’re developing your website, we’ve created a sample product page based on the mock you approved in the design phase. You can now begin to set up and create products on your site!

How to Set up Your Products in BigCommerce: Manual Upload

As we’re developing your website, we’ve created a sample product page based on the mock you approved in the design phase. You can now begin to set up and create products on your site!

4. Launch Preparation Phase

Ready to launch your site?

Logo Logo Quality Testing

  • Preparing Your Site for Launch
  • Quality Assurance Process
Process: Quality Assurance

Logo Logo Quality Testing

Logo Logo

With as much detail as possible, your QA team will enter their second round of testing your site. Some major aspects they'll be testing are:

  • bullet-arrow iconUser Flows
  • bullet-arrow iconProduct Variations
  • bullet-arrow iconMinor Issues
  • bullet-arrow iconInconsistencies

5. Site Launch Phase

The final countdown. We're almost live!

Logo Logo Going Live

  • We're Going Live
  • Platform Migrations: Shopify, BigCommerce & Miva
Process: Going Live

Logo Logo Going Live

Logo Logo

Congratulations! Once your site is live, the QA team will begin their third round of tests to ensure everything is in working order and designs are looking their best. In the meantime, you may want to:

  • bullet-arrow iconPrepare Customers and Vendors for any Transition
  • bullet-arrow iconSite Refresh Marketing Campaign

Logo Logo Launched Site

  • Congratulations on Your New Site
Congratulations on Your New Site

Logo Logo Launched Site

Logo Logo

We have enjoyed working with you and hope you enjoy your brand-new site!

6. Post Site Launch Phase

Your site is live! Now what?

Logo Logo Post Launch Initiatives

  • Continual Work With Arctic Leaf
  • Your 90-day Review is Coming
  • Tools & Resources For Your Review: Understanding Your 90-Day Review Plus Tips & Tricks to Improve Your Site
Process: Post Launch Considerations

Logo Logo Post Launch Initiatives

Logo Logo

To keep your site fresh, you'll likely want to make tweaks and updates! At Arctic Leaf, we offer retainer maintenance services to fit your needs. With a retainer contract, you'll have:

  • bullet-arrow iconGuaranteed Quick Turnarounds
  • bullet-arrow iconBetter Rates Than Ad-Hoc
  • bullet-arrow iconClient Success Manager
  • bullet-arrow iconQuarterly Business Reviews
  • bullet-arrow iconConsultation With Account Manager and Team
  • bullet-arrow iconComplimentary 90-Day Review

Get Quote

Contact Us Today

American Flag
United States
949.377.1301
8 Rancho Circle
Lake Forest, CA 92630
Canadian Flag
Canada
613.519.8501
430 Hazeldean Rd Unit 6
Kanata, ON K2L 1T9

American Flag
United States
949.377.1301
8 Rancho Circle
Lake Forest, CA 92630
Canadian Flag
Canada
613.519.8501
430 Hazeldean Rd Unit 6
Kanata, ON K2L 1T9