Designing an eCommerce Portfolio: Header and Hero

Final 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?