ABOUT

PORTFOLIO

CONTACT

Project Start Phase

Onboarding Process • Google Meet • Teamwork Portal

Main Videos

Getting Started: E-Commerce

We’d like to start by welcoming you to the team as a client of Arctic Leaf. Making the decision to create or update your site can be a daunting task, but at Arctic Leaf, we strive to make it both fun and easy!

Process: Onboarding Meeting

Great news! Your onboarding meeting has been scheduled. We have a quick questionnaire for you to fill out before you get started which will tell us what you expect for your new site to get us started on designing your dream website! If you don’t know the answer to any of the questions, you are welcome to leave them until the onboarding meeting for us to go over together.

Tools & Resources Videos

Tools: Teamwork

You just received an invitation to use teamwork. This is the project management software we use to keep track of requested work, manage communications, and monitor project time.

Main Videos

Getting Started: E-Commerce

Getting Started: E-Commerce

We’d like to start by welcoming you to the team as a client of Arctic Leaf. Making the decision to create or update your site can be a daunting task, but at Arctic Leaf, we strive to make it both fun and easy!

Process: Onboarding Meeting

Process: Onboarding Meeting

Great news! Your onboarding meeting has been scheduled. We have a quick questionnaire for you to fill out before you get started which will tell us what you expect for your new site to get us started on designing your dream website! If you don’t know the answer to any of the questions, you are welcome to leave them until the onboarding meeting for us to go over together.

Tools & Resources Videos

Tools: Teamwork

Tools: Teamwork

You just received an invitation to use teamwork. This is the project management software we use to keep track of requested work, manage communications, and monitor project time.

Design Phase

Onboarding Process • Google Meet • Teamwork Portal

Main Videos

Process: Design

Your design process is beginning, and we’d like to share with you the basics of each step that we’ll be taking to design your site. We’ll meet with you and ask questions to acquire an understanding of your brand and needs. Our designers will begin creating a wireframe of your site, followed by a homepage mock, a style guide, and mocks of the rest of the pages of your site.

Tools & Resources Videos

Tools: Figma

Figma is the design prototyping tool we use to show our design to you. It allows you to make comments and suggestions directly on your design for increased accuracy and understanding.

What is a Wireframe?

A wireframe is a basic layout of how the elements of your site will appear. This will provide a clear framework of how your brand images, content sections, and menus will be arranged. The wireframe is the base structure before we apply your unique visual design.

What is a Mock?

We've started working on the UI prototypes for your site! A UI prototype, also known as a mock, is a pixel perfect design of your site. Our developers will use this prototype to create your new and improved ecommerce site.

The Importance of Your Home Page Meeting

You just received a mock of your home page and a meeting has been scheduled with you to review it. Your home page is more than just the ‘shop window’ for your store; it is also where we establish the global styling for your website. Therefore it’s important you arrive prepared and are ready to share your honest feedback.

Reviewing Your Core Pages

Your design is now in full swing! Some pages have already been sent to development while other pages need your review.

Main Videos

Process: Design

Process: Design

Your design process is beginning, and we’d like to share with you the basics of each step that we’ll be taking to design your site. We’ll meet with you and ask questions to acquire an understanding of your brand and needs. Our designers will begin creating a wireframe of your site, followed by a homepage mock, a style guide, and mocks of the rest of the pages of your site.

Tools & Resources Videos


Tools: Figma

Tools: Figma

Figma is the design prototyping tool we use to show our design to you. It allows you to make comments and suggestions directly on your design for increased accuracy and understanding.

What is a Wireframe?

What is a Wireframe?

A wireframe is a basic layout of how the elements of your site will appear. This will provide a clear framework of how your brand images, content sections, and menus will be arranged. The wireframe is the base structure before we apply your unique visual design.

What is a Mock?

What is a Mock?

We've started working on the UI prototypes for your site! A UI prototype, also known as a mock, is a pixel perfect design of your site. Our developers will use this prototype to create your new and improved ecommerce site.

The Importance of Your Home Page Meeting

The Importance of Your Home Page Meeting

You just received a mock of your home page and a meeting has been scheduled with you to review it. Your home page is more than just the ‘shop window’ for your store; it is also where we establish the global styling for your website. Therefore it’s important you arrive prepared and are ready to share your honest feedback.

Reviewing Your Core Pages

Reviewing Your Core Pages

Your design is now in full swing! Some pages have already been sent to development while other pages need your review.

Development Phase

Onboarding Process • Google Meet • Teamwork Portal

Main Videos

Process: Development

Congratulations on making it to the development phase of your project. Our design team is working with our development team to ensure your vision is conveyed in the developed product.

Tools & Resources Videos

Previewing Your Site

Our developers have taken the approved Figma mock that our design team created and developed a pixel perfect version of your site. This is the exact code and what your site will look like once it launches.

How to Edit Your BigCommerce Website

Congrats on setting up your store! Now it’s time to make it your own. In this video, we’ll walk you through the essential steps to managing and customizing your BigCommerce site. Whether you're new to e-commerce or just need a refresher, we’ve got you covered!

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 that was approved in the design phase. You can now begin to set up and create products on your site! Here we'll walk you through the three ways you can import products onto your BigCommerce site.

How to Set up Your Products in BigCommerce: Arctic Leaf Upload

As we’re developing your website, we’ve created a sample product page based on the mock that was approved in the design phase. We can now begin to set up and create products on your site! Here we'll walk you through what information and assets we'll need from you and how we'll edit your products onto your BigCommerce site.

Customizing Your Store Theme in Shopify

So your store is up and running, and you're ready to make some edits, but you’re not sure how. We’re here to help guide you through the process.

How to Set up Your Products in Shopify: Manual Upload

As we’re developing your website, we’ve created a sample product page based on the mock that was approved in the design phase. You can now begin to set up and create products on your site! Here we'll walk you through the four ways you can import products onto your Shopify site.

How to Set up Your Products in Shopify: Arctic Leaf Upload

As we’re developing your website, we’ve created a sample product page based on the mock that was approved in the design phase. We can now begin to set up and create products on your site! Here we'll walk you through what information and assets we'll need from you and how we'll edit your products onto your Shopify site.

Main Videos

Process: Development

Process: Development

Congratulations on making it to the development phase of your project. Our design team is working with our development team to ensure your vision is conveyed in the developed product.

Tools & Resources Videos

Previewing Your Site

Previewing Your Site

Our developers have taken the approved Figma mock that our design team created and developed a pixel perfect version of your site. This is the exact code and what your site will look like once it launches.

How to Edit Your BigCommerce Website

How to Edit Your BigCommerce Website

Congrats on setting up your store! Now it’s time to make it your own. In this video, we’ll walk you through the essential steps to managing and customizing your BigCommerce site. Whether you're new to e-commerce or just need a refresher, we’ve got you covered!

How to Set up Your Products in BigCommerce: Manual Upload

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 that was approved in the design phase. You can now begin to set up and create products on your site! Here we'll walk you through the three ways you can import products onto your BigCommerce site.

How to Set up Your Products in BigCommerce: Arctic Leaf Upload

How to Set up Your Products in BigCommerce: Arctic Leaf Upload

As we’re developing your website, we’ve created a sample product page based on the mock that was approved in the design phase. We can now begin to set up and create products on your site! Here we'll walk you through what information and assets we'll need from you and how we'll edit your products onto your BigCommerce site.

Customizing Your Store Theme in Shopify

Customizing Your Store Theme in Shopify

So your store is up and running, and you're ready to make some edits, but you’re not sure how. We’re here to help guide you through the process.

How to Set up Your Products in Shopify: Manual Upload

How to Set up Your Products in Shopify: Manual Upload

As we’re developing your website, we’ve created a sample product page based on the mock that was approved in the design phase. You can now begin to set up and create products on your site! Here we'll walk you through the four ways you can import products onto your Shopify site.

How to Set up Your Products in Shopify: Arctic Leaf Upload

How to Set up Your Products in Shopify: Arctic Leaf Upload

As we’re developing your website, we’ve created a sample product page based on the mock that was approved in the design phase. We can now begin to set up and create products on your site! Here we'll walk you through what information and assets we'll need from you and how we'll edit your products onto your Shopify site.

Launch Preparation Phase

Onboarding Process • Google Meet • Teamwork Portal

Main Videos

Process: Launch Preparation

Now that we have completed development of your store, we are moving into the Quality Assurance and Launch Preparation phase. Our team will be working with you to update placeholder content and ensure that you are enabled to update them per your company needs. Your Account Manager will also reach out to run through some checklists.

Tools & Resources Videos

Process: Quality Assurance

It’s time to review the final site. Our Quality Assurance team are currently going over your e-commerce site with a fine toothed comb. Our QA specialist will be checking every page, button, and path.

Main Videos

Process: Launch Preparation

Process: Launch Preparation

Now that we have completed development of your store, we are moving into the Quality Assurance and Launch Preparation phase. Our team will be working with you to update placeholder content and ensure that you are enabled to update them per your company needs. Your Account Manager will also reach out to run through some checklists.

Tools & Resources Videos

Process: Quality Assurance

Process: Quality Assurance

It’s time to review the final site. Our Quality Assurance team are currently going over your e-commerce site with a fine toothed comb. Our QA specialist will be checking every page, button, and path.

Site Launch Phase

Onboarding Process • Google Meet • Teamwork Portal

Main Videos

Process: Going Live

We are currently working towards the final steps to take your site LIVE!

Congratulations On Your New Site!

Congratulations! We are so happy for you and the launch of your new site!

Main Videos

Process: Going Live

Process: Going Live

We are currently working towards the final steps to take your site LIVE!

Congratulations On Your New Site!

Congratulations On Your New Site!

Congratulations! We are so happy for you and the launch of your new site!

Post Site Launch Review

Onboarding Process • Google Meet • Teamwork Portal

Main Videos

Process: Post Launch Considerations

Your site is live and we could not be happier for you! As web technology advances and as your business grows, you will likely find yourself needing a few tweaks to keep your site fresh and continuing to drive revenue from your customers.

Main Videos

Process: Post Launch Considerations

Process: Post Launch Considerations

Your site is live and we could not be happier for you! As web technology advances and as your business grows, you will likely find yourself needing a few tweaks to keep your site fresh and continuing to drive revenue from your customers.