Sketch and InVision Design System Manager: Website Design

Learn how to design a website using Sketch and the InVision Design System Manager. Discover how to research and execute your design and easily reuse and update assets.

Introduction

• Sketch and InVision Design System Manager (DSM)
• What you should know

1. Initial Research

• Set up Sketch and Craft
• Visual inspiration for the project
• Research a website
• Exploring mockups

2. Design Symbol Elements

• Create the large album element
• Create the small album element
• Create the icon elements
• Create the top menu

3. Finalize Sections

• Create the hero section
• Finalize the hero section
• Create the album section
• Create the merchandise section
• Finalize the merchandise section

4. Manage Designs with DSM

• Overview of InVision DSM
• Manage the colors section
• Manage the components section
• Manage text section

Conclusion

• Next steps