[Case Study] How Jupiter WordPress Theme Helped me Create an Amazing Looking Website
I don’t know about you, but I’m definitely not a designer. It’s sad because I love building websites, creating ebooks, designing logos. Or at least trying to do all of the above with my limited skills. I was never good at drawing at school even though I really wanted to learn. When I started creating websites back in 2010 I felt really good. It was like I reunite with my creative side after all these long years full of pointless consumption.
The best thing about using WordPress for creating websites is that even if you don’t have any knowledge of CSS, HTML, or website design in general, you can still make a decent looking site. But it’s not all fairy tales and fluffy bunnies. It’s not like you get a hosting, install WordPress and voila, you have an award-winning website ready for the world. No, there is a lot to configure and customize till you reach a design that satisfies your own expectations and pleases the eye of others.
In this case study, I will share my experience with one of the best WordPress themes on the market according to my own standards: Jupiter WordPress Theme. I’ve actually written a detailed review of this theme a while back: Jupiter Detailed Review. You might wanna check it later on.
If you’re interested in creating a stunning looking website using WordPress but you’re puzzled from where to start or what theme you should purchase, then you really need to read my case study.
The problem is obvious: Is hard to create visually appealing website if you’re not a designer or a coder. Actually, you need to be both if you really want to make an eye-catching website.
There are tons of WordPress themes out there but only a few of them will help you create a web page that can actually be featured on sites like Awwwards.com.
I’m sure that you will understand me If you’ve ever purchased a theme from a market like ThemeForest. Once the installation finishes and you reload your site you see a page that has nothing in common with what you saw on the sales page: “Where is the cool design? Where are all the big buttons?” Naturally, you contact the creator to ask what is going on but you get a canned response that states:”Well, the theme needs to be configured to look like our demo. If you like, we offer web design services. The price starts from $1000.” Thanks but no thanks.
I’m tired of ugly WordPress themes that are stuffed with settings and options you don’t actually need. Annoyed by the lack of visually appealing templates.
Thankfully, there is a balance in the universe. Don’t lose your hope if you’re looking for a way to visually transform your site. There is a solution and it’s called Jupiter.
I follow the evolution of this product probably since the early beginning. I found out about Jupiter WordPress theme from their other template: The Ken. Previously, Ken was actually better in terms of looks – at least that’s my opinion – but they later focused their efforts on Jupiter and made it something marvelous.
I don’t have to convince you that this theme looks good, you can simply open the link above and check the demo: the clean design, the minimalist looks, the header menus, the colors, the blog section. Everything is perfectly arranged. The available options shape one complete product that looks amazing and it will surely appeal to your visitors.
Let me point out some of the main features Jupiter theme has before we proceed:
- Templates: Jupiter comes with over 160 pre-made templates ready to be installed. You just plug the theme and hit a button to make the installation. Within a couple of minutes, your site will be complete at 50%.
- Included Page Builder: Jupiter is powered by Visual Composer. You basically create your landing pages using this plugin. The cost of this page builder is $46 but you get it for free with your purchase of the theme.
- Lightning fast: You want speed? You got it! The guys from Artbees have optimized this theme for optimal performance. Look out the window when you install this template, this thing flies.
- Header builder: Besides getting a page builder, Jupiter is also equipped with Header Builder. A featured that will help you create the best header section for optimal conversion.
These are only few of the features coming with this theme. There’s a lot more included.
How To Create an Amazing Looking Website using Jupiter
Last year, 2017, I decided to start a new website. The site is called corehustle.com. It’s about life, in general, and how to become better. How to squeeze the maximum of every situation and advance, both financially and mentally. I wanted my site to be clutter free and easy to navigate. All the focus had to be on the content. I knew right from the start that I was going to use Jupiter for this site. Finally, I turned out really decent. The best part, it was super easy to setup and configure. It took me probably two days to set everything.
Even though I’m quite a fan of Total WordPress theme, Jupiter has something different. The bold text, the centered content in the blog posts are all features so desired from the audience but so few authors include in their final product. I don’t know why that is.
Here’s what helped me to create an amazing looking website:
As mentioned, there are currently more than 160 demos at your disposal when you install Jupiter. You can view the full list of demos inside this page: Jupiter Theme Templates.
You even can’t pick a favorite template. They are so good. All of them have a unique style and can be used for a different website. If I really, really have to pick a favorite demo, I will either choose Pollux:
As you can see for yourself, these two look stunning.
Clear and Bold Blog
I hate most of the blog section of the other WordPress themes. If you don’t have a sidebar the content section is really stretched, which is making it hard for people to read.
Jupiter allows you to choose from a couple of different options for your blog posts but the best variant is to go with the Clear and Bold one. I mean, look at it:
People can finally read what you’ve written without having to scroll all the way to the other side of the screen.
Big Juice Buttons
I quite a nerd when it comes to buttons on sites. I like big buttons that are irresistible to press. That’s exactly what you will get with Jupiter. Big, small, large, outlined, 3-D, flat, you named it:
It might look like something small, but if you think about it it’s not. I mean, the reason you put buttons on your site is for people to click on them. If you place a small button no one will notice it, thus no one will purchase your product or subscribe to your mailing list. You need big buttons on your site so people can click and buy.
Icons can really boost your message on landing pages. Even though there are a lot of icons online for download, why bother when you can simply use the ones included:
Jupiter comes with a long list of icons that can be easily implemented inside your content.
Collecting email addresses is an essential part of your online business. Thankfully, Jupiter offers easy integration with our favorite email marketing platform:
You need to connect your MailChimp API and you’re ready to collect subscribers.
Fonts, a lot of fonts. Finally, simple way to define your fonts for the different section of your website.
Jupiter is stuffed with font options that will strengthen your content and make it more readable.
Do you want to see it, well, here it is:
And this is an excerpt from the blog section:
This is my site created with Jupiter WordPress theme. Simple, clean.
I created the whole site for just a few days. To be honest, I spend most of my time thinking about the logo 😀
Course of Action
First things first, let me show you how to actually install Jupiter so you can later add one of the cool demos:
1. Install and Activate Jupiter
Once you get a copy of the theme, head towards your WordPress admin page and click on Appearance > Themes > Add New > Upload a theme > Choose your theme file and click Install Now:
The installation takes few moments. Once done, you will see a couple of hits showing on your screen helping you navigate. You will also see a message that is telling you to install the required plugins:
Basically, you need only one plugin in particular: Visual Composer. So, click on Begin Installing Plugins and select the Composer > Install now:
Ok, you’re ready with the plugins. Now, let’s install one of the demos:
2. Install a Demo
A new menu will appear on the top of your WordPress admin page called Jupiter. Click it and go to Control Panel. There you will see the templates section: Keep in mind that you’ll first need to register your product. The license code can be found inside your download files:
Once you verify your theme you can select one of the templates:
Something else you need to be aware of, though. When you’re about to install a demo this will erase all of your current data. It’s best to install a demo on a newly installed WordPress:
Once you click on Register a Product it will take no longer than a minute for the demo to be set on your new site.
3. Set the Typography
Before you start writing your posts, it will be best first to define the typography for your whole site. Jupiter offers a really simple solution to set the desired typography for the different elements. Go to Jupiter > Theme Options > Typography > Select a font from the list:
I’m going with my favorite font for my headings: Oswald. Once you decide what font you want, you start adding elements which will use this font:
It’s much easier than the other themes. You don’t have to specify the same font for 10 different elements. This feature here saves you a lot of time.
4. Choose Blog Layout
The main thing I really love about Jupiter is the clear and bold blog section. To use it, find the Blog section inside your theme menu and select Blog single post:
Choose Clear & Bold from the drop-down. I will make the Blog Featured Image Height 1000 pixels and I will remove the Previous & Next arrows plus some additional things.
4. Connect your MailChimp
When you make the connection between MailChimp and Jupiter you will be allowed to use the already made MailChimp integration to collect subscribers.
Go to Jupiter > Theme Options > Global Settings > API Integrations and find where to place the API key:
Instructions for the key and for the list ID are present inside this page so you can easily navigate inside your MailChimp account.
Later, once the above is done, you will find the MailChimp element when you’re using Visual Composer to create a page. Simply Add new element and type MailChimp:
Select it and further customize your form.
5. Create a Landing Page
Even though by importing a demo your site will be nearly complete, there is always something that needs adjustment in order to make everything like you want.
As mentioned, Jupiter is powered by Visual Composer. The plugin and the theme are designed to work together flawlessly. Upon installation, you’re granted with enormous power to tailor the site the way you really want. I not going to show you how to use Visual Composer step-by-step – this is covered in details in this post: Best Drag and Drop Site Builder – but I’m going to show you one cool feature that is not so obvious. I’m going to show you how to set full height image on your landing page:
Go to create a new page and activate Visual Composer:
Press, Add new element:
You first need to add a Section:
Click to edit the section:
On the general tab choose the following options:
Then, switch to the second tab, add an image and select the Cover option:
Save your changes every time you make changes.
There is one more thing we need to do in order to make the picture for our landing page perfectly aligned. Inside your page, scroll a bit down till you find the Jupiter Page Options section. Now, enable the Stick Template:
This will attach the Section element directly to your header/menu items. Now, you can check your front page and see the result:
The image fits perfectly and you can add text and call to action buttons on the left side of the image. Simply go back to your page and start adding elements.
You’re not a designer but you want a good looking website?
Sure, you can hire a design agency but these guys will want between $1000 and $3000 only for the first half of the project.
Fortunately, there is no longer restrictions for us – the guys and girls who don’t know how to code. Nowadays, you create a stunning looking website with a WordPress installation and a theme. The guys from Artbees already made the heavy lifting for us. They’ve design beautiful, highly customizable WordPress theme that will turn even a newbie into a pro frontend developer.
Jupiter is not your average theme, it’s a complete solution for people who are looking for an easy way to set their site and later focus they efforts on the content and the brand.
So, if you’re wondering how to transform your site and push it to the next level in terms of looks and performance, I will definitely recommend checking out Jupiter WordPress theme.
Have you ever tried Jupiter? What are your thoughts?