1. Web Design
  2. Sketch

Designing an eCommerce Portfolio: Header and Hero

Read Time:1 minLanguages:
This post is part of a series called Designing an eCommerce Portfolio.
Designing an eCommerce Portfolio: Project Overview
Designing an eCommerce Portfolio: Store Front and Testimonials
Final product imageFinal product imageFinal product image
What You'll Be Creating

Our site header should provide the navigation, that’s pretty much its main purpose. Of course, we do have the logo in there as well, and since we’re implementing shop components, we’ll also add a reference to the cart.

The hero section will show the latest theme or template we’re selling, and we’ll have some big call-to-action buttons in there.

So, let’s go ahead and build these two sections.

Header and Hero

Helpful Resources

The following links will help you if you’re interested in learning more about Sketch, or designing for eCommerce.

Remember: you can access all courses on Envato Tuts+ by subscribing for $15 per month, or purchase each one individually for just $5!

Interested in purchasing Sketch files, or selling your own work?

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.