Shopify Dawn Theme Review: The Next Generation Of Shopify Theme?

Shopify Dawn Theme Review: The Next Generation Of Shopify Theme?

As Shopify is launching its Online Store 2.0, people (from developers to merchants to customers), are seeing big changes, especially in the theme architecture with more flexible customization options.

Dawn, the most mentioned theme at the moment in the Shopify community, promised to be a pristine reference theme that converges upgrading features to accompany the OS 2.0 debut. 

Dawn... sounds like a good start for a new generation of an online platform, doesn't it?

So, what does it have? How is the theme different from the previous Shopify themes? How to get started with it to set up a Shopify store? Let’s find out the answers in our Shopify Dawn Theme review today. 

Outline

Dawn Theme Overview

Before we jump into the backend interface and see what happens inside the store setup with Dawn, let's learn about its background. 

The Shopify Dawn theme is designed by the Shopify team and is the first source available reference theme, which means that it will be replacing Debut as a default theme for all new stores in due course. If you want to see its code, check out Dawn’s repository on GitHub.

Shopify Dawn Theme Overview

Credit: Shopify

According to Shopify Developer team, Dawn is built to improve store performance, presenting flexibility and ease of use for merchants and customers. They created the theme with HTML and CSS with the effort of minizing the use of Javascript as much as possible to reduce the complexity and boost the loading speed.

And yes, the loading speed has been tested many times during Dawn's building process with the result, whatsoever, that is 35% faster than Debut. And another thing is it can work well on all browsers, even the non-evergreen one that many people don't even use it anymore like Internet Explorer 11. 

With that being said, it's promising to see what Dawn can actually do for merchants since it will be the default theme in the OS 2.0 and might be used by more than half of Shopify merchants in the near future as Debut is right now. 

How Does It Work In The Editor?

Well, Online Store 2.0 gives you a new experience with many cool features, and the theme editor is no exception. With Dawn, there are several winning points that need to be mentioned.

Tree View For Separate Settings

There's an enhancement to the appearance of theme editor board with OS 2.0, we can see that in many themes and also with Dawn. 

Previously, with each section, there is a block that contains the content and smaller sections inside for users to make changes to them. But for now, everything is organized in a hierarchal way to help you better follow and edit. This could provide better UX since you will know immediately what is what (what this or that part contains). It would be easier for users because things are all out there, separate and clear. 

For example, in the “Image Banner”, you will see there's a heading, or there's a button, and when clicking there, you will know how to edit and customize it. 

Tree view for separate settings in Shopify Dawn Theme

Content Sections On All Page Types

Yes, it's the truth. Merchants can add content sections on all pages (Homepage, Product page, Collection page or even the About Us page that you’ve created). Dawn is built with the purpose of renovating the user experience, so there's room for better customizations with an intuitive interface. 

Shopify Dawn Theme  has content sections on all page types

So, it's great when you can build a custom layout for any page to fit your business. Your Product page can also be decorated with Image banners, videos, custom text boxes and so on like on the Homepage. Or, in your “FAQ" page, for instance, you can drop a blog post section to direct people to the latest articles so that you can educate them about your business or industry. 

Metafields 

Since Dawn is the first theme built for the OS 2.0, it inherits the lastest and advanced features. One of them is the improvement of metafields. Merchants can directly create metafields without using API or code. 

To make it easier for you to understand, metafields help add more contents or sections on your website. You are able to insert additional information in your articles, blogs, products, collections, pages, customers, etc. So, with Dawn, as you are setting up the shop, you can “spice up" a product info by using metafields, give customers more insights to your products or collections. 

Metafields

And with the flexibility in the editor, you can move the content to wherever you feel right.

Metafields in Shopify Dawn Theme

Check out this video to learn how these guys using Dawn and metafields to customize a product:

Template Creation

In the Dawn theme, you will see the “create template" option in the page selection bar on the top. Basically, you can create a template for a page (product or collection page, for example) in the theme you've selected, and then assign it to specific products or collections. 

Template creation

Remember that the template file should be under .JSON or LIQUID. You can learn more about Templates here.

Exclusive Offer: Shopify 30-Day Free Trial

14-day Free Trial Is Not Enough? We Heard You

Build Your Own eCom Store With Shopify 30-Day Free Trial Now. Limited Offer. Only With PageFly.

Start Free Trial

How To Set Up Your Shopify Store With Dawn?

Dawn is replacing Debut. It's a fundamental theme for the newer version of Shopify, so obviously, Dawn has what Debut offers. But, it is be better and gives merchants more options. 

The important thing is how people are going to utilize its attributes to modify their store look and improve the site performance.

Here are our suggestions:

Add Hero Banners With Clear CTAs

Big image banners with captivating headlines and CTAs help direct your visitors to pages you want them to visit. Bigger chances are you will get them dive down deeper into your funnel, and better, boost conversion rate.

In Dawn, you can easily find Image Banner or Image with text sections to customize your store. 

Add hero banners with clear CTAs in Shopify Dawn Theme

Feature Your Products On The Homepage

Want customers to access your products quickly? Showing best collections or products on the homepage is always good to help visitors learn about your products, also encourage them click on the “add to cart" button right on the homepage. 

Feature your products on the homepage

Utilize app block to add more information to your products

App blocks can be introduced in any pages with Dawn theme, and this feature helps you connect with Shopify apps that you've installed for your marketing activities. For example, if you're already added a product review app in your Shopify store, you can use “App block" to adjust the review section in your product page.

Utilize app block to add more information to your productsCredit: Shopify

Add More Content On The Product Page

You can add a lot of content on the product page now with Dawn, so why don't you take advantage of it to add more useful information about your cool product? You can even use “Multimedia Collage" to showcase a video of the product, or insert a blog post about it for customers to read. 

Add more content on the product page

Pay Attention To Mobile Version

Dawn theme gives you a responsive mobile layout since Shopify themes are often created with mobile-friendly purposes for mobile lovers. You can adjust your image banner size to fit with mobile device while you are setting it up on the homepage.

Use tools like Mobile Friendly Test or Mobi Ready to test your site performance on mobile devices; Varvy for mobile SEO, and Google PageSpeed Insights for loading speed on both desktop and mobile.

So, Is Dawn Better Than Debut?

Needless to say, Dawn is better than Debut because it must be better and enhanced to catch up with the advancement of OS 2.0. To summarize in a few words about Dawn: 

  • It is faster than Debut by 35%
  • It includes all of the advanced features that Online Store 2.0 brings about (theme editor, metafields, app block, design, etc.)
  • It gives more content sections than Debut, and obviously facilitate customization on every page as much as possible
  • It works on all browsers

For a detailed comparison and demo of Shopify Online Store 2.0 with Dawn theme, check out: We put Shopify Online Store 2.0 & Shopify Page Builder To Test - here are what we found

Sell Online With Shopify

Trusted by over 1,000,000 businesses worldwide

Start Free Trial

Conclusion

Is Dawn setting new standards for a new generation of Shopify themes? Well, we can affirm that Dawn brings a fresh wind to both developers and merchants in the world of eCommerce as Shopify is stepping up to a higher level (OS 2.0). 

We can see there're huge improvements in UX design and the accessability to help merchants build their online shops with more ease. And with theme developers, they should definitely innovate their themes to better adapt to such big movement. 

Explore the #1 Shopify Page Builder today.

Try PageFly FREE
How to optimize your Facebook Ads? Find out in our newest webinar. SECURE MY SEAT