Design for e-Commerce in a Mobile-first World

Looking to design an online store? In this course, you'll learn best practices when designing for e-commerce. You'll learn the most important bits to include in a store design, most efficient tools and process, and a bit about shopper behavior. Software required: Visual Studio, Google Chrome, Photoshop CC.
Course info
Rating
(17)
Level
Intermediate
Updated
June 21, 2016
Duration
2h 39m
Table of contents
Description
Course info
Rating
(17)
Level
Intermediate
Updated
June 21, 2016
Duration
2h 39m
Description

Overwhelmed with the task of designing a responsive online shopping experience? If you're used to working in a static creative process, this course Design for e-Commerce in a Mobile-first World, will ease you in to designing in-browser. First you'll use a stable of online tools to generate responsive store mock-ups. Next, you'll learn a bit about different types of online shopping experiences, and how to meet varying needs of shopper demand in with our store design. Finally, we'll generate a site style guide and cross-device store mock-ups. When you've completed this course, you'll have a better understanding of varying requirements for e-commerce, as well as a knowledge of the most efficient tools and frameworks to design in a browser-based environment. Software required: Visual Studio, Google Chrome, Photoshop CC.

About the author
About the author

Megan Young is lead user interface designer and front-end developer for AspDotNetStorefront in beautiful Ashland, Oregon. Megan has worked in the design industry for over 15 years and has spent the last 6 years specializing in e-commerce and front-end development.

More from the author
Photoshop CC Adjustment Layers
Beginner
2h 7m
26 Sep 2017
Photoshop CC Working with Curves
Intermediate
2h 0m
2 Mar 2017
Transcript
Transcript

Hi everyone, my name is Megan Young and welcome to my course Design for e-commerce in a mobile-first world.

I am a Web designer and front-end developer at AspDotNetStorefront. An enterprise-level, .NET e-commerce platform. With over 300 stores designed and implemented under my belt, I’ll share with you some of what I’ve learned over the years about design process and shopper behavior.

Designing an online shopping experience is both challenging and rewarding!

In this course, we are going to:

  • Cover essential content to include in a store design, and create a site style guide
  • And, we’ll do this in a browser-based design environment
  • We will also explore different types of stores and shopper behavior
  • Finally, we’ll learn about responsive images
By the end this course, you’ll have a better understanding of how to approach the complex task of designing an online shopping experience across many different devices.

Before beginning the course, you should be familiar with HTML, CSS & Bootstrap Framework.

I hope you’ll join me on this journey to learn more about e-commerce with the Design for E-commerce in a Mobile-first world course, at Pluralsight.