Jase Web Design

Web Design Review

Jase Web Design - Web Design Review

Creating A Blog For Your Funnel

Having a dynamic blog that both serves as an informative hub of content as well as a leading driver for your business is crucial if you plan to compete in today’s market. Incoming leads are the vital heartbeat of a website’s purpose in today’s digital age.
To best equip your business you’ve got to solve the riddle of figuring out how to create content that will transfer individuals from mere information readers into actual leads for your inbound funnel. Dynamic content that serves a purpose and relates to your market is the best content for this. Another popular tool to employ is actually creating tools! A tool that is useful stands out in crowded market places that are dominated by text heavy content pieces.
Another crucial dynamic of creating and hosting a native blog is the design side. You don’t want your blog to stick out as a loud billboard but you do want it to offer an easy transition that takes the reader from being informed to asking the question “maybe I should work with this company…” It’s important for your website to blend and look very similar from content pages to the typical lander, that only has the intention of capturing a lead. The company Jetpack Workflow does an incredible job, which you can see for yourself at: https://jetpackworkflow.com/blog/.

large-header

To start the article off, Jetpack Workflow uses a large banner that states the value proposition of reading the article (as pictured above).

clear-visual

As mentioned in other articles on our site, a clear image visual is great to encourage social sharing. Humans are attracted to images (especially of people), and having them within the article or at the very start helps establish trust and authority. The image above is a great intro image to the overall article.

summary-section

An0ther great tactic Jetpack Workflow is applying to their blog is the use of a “Key Summary.” Summaries are fantastic in a world where our social feeds and browsers are overloaded with content. A summary allows the visitor of the site to read the key points, and then decide if the entire article is worth dealing with. This tactic actually encourages readership as opposed to the content pieces with no summary section that can be quite intimidating.

entry-into-funnel

Lastly, you’ll notice above the crucial element of a subtle yet vital call to action inviting the reader to subscribe to the newsletter. The placement of this CTA is perfect as it is at the end of the content (after value has been delivered) and before the comment section. Readers who are drawn to leave a comment will likely subscribe as the content moved them enough to reinvest their own thoughts into joining the discussion.

Overall designing your blog is extremely important in the overall strategy of your website. Get it right and you’ll benefit for ages from the social and organic traffic that finds your information important and useful enough to read!

Responsive Web Design Tips

Welcome! We’re here to pass along the latest and greatest in web design tips. Periodically we will be reviewing new sites we come across to discuss what they have done that caught our eye, and what you can learn from them. Our first site of review is Law Booth. Lawbooth.com was created by a group of University of Colorado graduates with the intention of revolutionizing the communication system in the field of law.

Screen Shot 2016-01-12 at 10.49.06 AM

Lawbooth.com uses a very appealing¬†color choice for their branding. The friendly demeanor makes it feel as if talking to a lawyer isn’t that scary at all! The site has clear navigation channels at the top (essential for user driven websites). Additionally the company placed a strong call to action button right at the center of the page. When you hover over the button your mouse transforms and begs you to click.

A few other observations –

Lawbooth.com has gone with a theme that allows for a longer scroll. As users become more eager to burn time between activities, long scroll has increased in popularity. This was a good move by the lawbooth.com team.

Lawbooth.com has posted credible sources of publicity. Yahoo, CNBC, and the other logos are very well recognized. By displaying these front and center, you get an idea that this is truly a remarkable company.

Navigation

We all know how key the navigation and “flow” of a site is… What many site architects don’t realize is that the slightest disconnect that directs visitors where they should go and shouldn’t go can make or break the entire experience. Lawbooth.com does a very good job listing a navigation for all areas of law¬†as you can see from the image below;

Page Setup

Doing this allows for users to land on a page with sum directional links and the ability to navigate forward to the appropriate information they are looking for.

It’s important to note that when completing a strategy of this nature you want to ensure that the landing pages have clear markings for what will come next. Vague titles and ambiguous wordings will cause visitors to be confused. Lawbooth.com does a fantastic job clearly marking what is on the next page.

 

More to come…

As we build the portfolio of great websites to evaluate and learn from, keep in mind that trends change! It’s important for you to ultimately find design that you feel works best for you.
Here are a few tips until our next post;

 

Create A Good “Feel” or “Look” for Your Site Before You Start Coding

Certain sites have a very distinct “feel” or “look” to them. A few good examples include Wikipedia, YouTube and Facebook. Even without their URL, most people can recognize these sites by just looking at their design.

This is why you should start by designing your site’s layout before carrying out any coding, as this will allow you to develop a good feel and look for your site before any of the actual work begins. However, if you don’t have any good ideas to go on then try looking at some popular websites and note down what you like about them and use them as inspirations to create your site’s layout.

Make Room for Updates

Updates are often an issue for most websites, particularly those which belong to growing businesses. So if you expect to change your site’s content regularly then you should make sure that it will be easy to do so. What this means is that coding needs to be carried out in such a way that all subsequent updates can be carried out with very little work. This may require the additional work, but as long as they reduce the difficulty of updating the site then they’re worth the trouble.

Also, comments and written information should be included on how updates should be carried out, so as to preserve the integrity of the site even after multiple updates. This way, you won’t have to send out special instructions whenever the site needs its code or content updated.

Clean Up Your Design

This one is quite well-known, but it’s still worth mentioning, especially when you’re creating a responsive design for your site. You will need to eliminate all non-essential codes when designing your site. Not only is this good coding practice, it can also increase your site’s page loading time.

Get A UX Design Software

Get a UX design software to help you improve your site’s design. These tools will not only help you design your site’s layout for tablets and mobile devices, they can also be used to set breakpoints and make media queries. They can even be used to copy CSS files to other programs and HTML editors, thus making your work easier.

Make Media Queries

Finally, you will need to make media queries. Media queries are an important feature of CSS3 and they allow you to test your site’s resolution, width, height and overall appearance on various devices. These tests/queries are important because they allow to determine how responsive your site is on various mediums.

References:
http://www.cio.com/article/2385250/online-marketing/13-simple-tips-for-improving-your-web-design.html