Overview
Syllabus
Start
Starting the project
Discussing color limits - designing the landing page
Font selection and placement
Using guides - adding the navigation bar
Styling the navigation bar
Designing with the preview viewable
Choosing icons from Nucleo
Creating a heart icon in Adobe XD using an easter egg
Creating strokes that resize with the icon
Resizing the navigation icons for best practices
Grouping the navigation bar and making a component
Designing the Call to Action
Designing a landing for a specific shoe
Laying out the landing title
Font selection and layout for shoe information
Creating the shoe size selector
Adding color selection to the info page
Designing an add to cart and a save for later button
Recap of today’s work
Taught by
Adobe Creative Cloud