Design for e-Commerce in a Mobile-first World
Pluralsight
Course Summary
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 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.
-
+
Course Syllabus
Course Overview- 1m 50s
—Course Overview 1m 50sDesign for e-Commerce in a Mobile-first World- 19m 19s
—Introduction 1m 27s
—What Is Mobile-first Design? 5m 33s
—Testing for Mobile-friendliness - Adaptive vs. Responsive 3m 33s
—Benefits of Working in a Browser-based Design Environment 4m 32s
—Essential Store Content to Include in the Design 4m 11sSetting up a Browser-based Design Environment- 18m 26sFrameworks, Built-in Grid Systems, Style Guides & Font Services- 33m 8sUsing Chrome Inspector to Make Live Changes to Your Design- 54m 46sDesigning for Dynamic Store Data and Varying Shopper Goals- 24m 20sUnderstanding Responsive Images- 8m 2s