1stWebDesigner https://1stwebdesigner.com Helping You Build a Better Web Wed, 15 Aug 2018 09:04:08 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.8 10 Free Infographic Templates for Web Designers https://1stwebdesigner.com/free-infographic-templates-web-design/ https://1stwebdesigner.com/free-infographic-templates-web-design/#respond Wed, 15 Aug 2018 09:04:08 +0000 https://1stwebdesigner.com/?p=139096 Whether you’re writing an article, sprucing up a webpage or giving a presentation, an infographic is a great inclusion. Visual content breaks up the monotony of text, making readers more engaged and interested.

However, creating stylish infographics can be pretty time-intensive. If you’re short on time and need to give a client a presentation, creating a chart of analytics for your personal use, or simply would rather use a pre-made template, these free graphics are easy to download and edit!

Your Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets


15 Free Infographic Templates by Hubspot

15 Free Infographic Templates by Hubspot

These 15 infographics are packed with color and personality. Designed for PowerPoint, you also get five templates for Adobe Illustrator as well. There are timelines, data charts and all sorts of interesting designs. To get them, you’ll need to fill out a short form about your company, but the download is entirely free.

50+ Editable Infographic Templates

50+ Editable Infographic Templates

If you want to check out a huge package of templates, curated for multiple kinds of job fields, take a look at these infographics. There are charts for marketing, science, food and much more. You can either download them as PDF files or edit them in Edraw’s diagram-creating program.

Canva

Canva

Canva is an online graphic design tool, and the go-to for many artists. There are thousands of infographic templates to choose from – all unique, beautiful, and easy to edit. However, you’ll need to use Canva’s tool to work with these templates. You can export the results later, but if you prefer to work in your own program of choice, try a downloadable template. Canva’s licensing can also get messy, so make sure to do your research.

PresentationGo

PresentationGo

PresentationGo is a library for free PowerPoint resources, infographics among them. These templates are simple but effectively and cleverly designed. You can sort by color or by tags, and the templates are fully editable – even the shapes within them. Copyright is “free with attribution”, so remember to credit the website!

Freepik

Freepik

This freemium website has plenty of free infographics available for download. Created by both the website and its community, the templates are mostly vectors. Adobe Illustrator users will enjoy using Freepik. You’re limited to five downloads a day as a free user, and you must credit the author and Freepik. If you’re looking for variety, this is the place to find it.

Vecteezy

Vecteezy

Vecteezy is a vector resource site with over 100,000 vectors. There are premium graphics here, but thousands of free vectors available as well. Vecteezy has its own vector editor, so you can tweak an image before downloading if you want to!

Visme

Visme

A graphics and presentation editing software, the free version of Visme comes with a limited but stunning array of templates. You can either work in the online editor, or download it as a PowerPoint, HTML, PDF or PNG file. Some of these preserve the functionality while others do not.

17 Infographic Resume Designs

17 Infographic Resume Designs

Trying to stand out with your resume? These infographic designs can help you put together something eye-catching. But if you want to get creative, do some tweaking and use these simplistic, beautiful templates for anything!

How to Make an Infographic in PowerPoint? Free Infographic Template

How to Make an Infographic in PowerPoint? Free Infographic Template

If you’re new to infographic making and need to learn the ropes, this tutorial comes with a free template for you to practice with! And you can of course use this template in your other projects. It’s full of useful graphs.

Create Beautiful Presentations

With the right template, you can wow visitors and get across your information clearly. Everyone loves viewing infographics – just the extra visual element can make facts a lot easier to read and retain. So, go ahead and pick your favorite and getting started making a fun and engaging presentation!

]]>
https://1stwebdesigner.com/free-infographic-templates-web-design/feed/ 0
The Importance of Mentoring in Web Design https://1stwebdesigner.com/importance-mentoring-web-design/ https://1stwebdesigner.com/importance-mentoring-web-design/#respond Mon, 13 Aug 2018 09:08:01 +0000 https://1stwebdesigner.com/?p=139002 When it comes to learning how to be a web designer, there are no shortage of resources you can use to gain the necessary skills. Whether it involves mastering design software such as Photoshop or becoming a proficient programmer, it’s all out there and accessible to everyone who wants to learn.

Still, there are important aspects of a design career that don’t come quite as easily. They include the lessons learned through experience – often the result of a mistake or three. And then there are the realities of the job – things that technically-minded courses don’t address.

That’s where having a mentor can be an invaluable resource. Being able to learn from someone who has made their way through a highly-competitive and challenging career path provides inspiration and encouragement. It’s the type of relationship that can help you improve in ways you might not have otherwise.

But it’s also not just a one-way type of deal. Being a mentor to another designer can also be a highly-rewarding experience in its own right.

Whether you’re interested in finding or becoming a mentor, here are a few thoughts culled from my own experiences.

Potential Mentors Are All Around You

While we tend to think of a mentor as someone who is older than us and perhaps wildly successful, that’s not always the case. One thing I’ve found in my career is that just about everyone has some valuable knowledge to pass along. Therefore, anytime you meet a fellow designer, you have an opportunity to learn from them.

As such, an aspiring web designer doesn’t necessarily have to attach themselves to a single mentor. Even more surprising is that, these days, you might not even need to know someone on a personal level to consider them as a mentor.

There is a massive amount of talented web professionals on social media who routinely share useful technical tips and career advice. If you’re interested in what a particular person has to say, reach out and contact them. In my experience, many are happy to have follow-up discussions regarding something they have written. You might just strike up a conversation that leads to a virtual friendship.

Of course, the more traditional mentor is an in-person relationship. Co-workers can certainly take on that role. But even if you don’t work in an office, there are still opportunities. Local meetups and conferences can be a great place to connect with others in the industry.

Person helping another to climb a hill.

Become a Resource for Others

Way back when I started out as a web designer, I didn’t know anyone else who was very experienced in the field. But my passion for the work seemed to make me a natural resource for others. People often approached me with questions. So, there I was, not even out of my teens and giving advice to others who aspired to become web designers. Whether that advice was any good is probably another story altogether!

Over the years, that trend has continued. It feels both incredibly good and humbling to provide even a small bit of advice to someone who is on their own web design journey. That’s why I’d encourage you to do the same. It doesn’t have to be difficult or time-consuming, but it can make a positive impact on your life and that of someone else.

Getting started is easy as there are plenty of ways to become involved. If you’re a social media user, send your thoughts out there into the universe or join a group dedicated to web design. You can also write your words of wisdom in a blog or provide help to someone asking a question in a forum. In-person events are also a great place to help out by speaking or volunteering at a support desk, such as a WordCamp “Happiness Bar”.

The key is to share your experiences – both the good and the bad. Every career has its ups and downs, and others can benefit from what you have learned. You don’t have to be charismatic in any Steve Jobs sort of way, just be open and honest.

From there, a willingness to take someone “under your wing”, even casually, can be a great experience.

A group of people giving each other a fist bump.

A Culture of Helping

Whether you’re the one giving or receiving advice, you stand to benefit. Receiving a helpful tip or two may not completely change your life, but it can give you that extra bit of insight that fuels your evolution as a designer. And helping to guide a fellow designer not only feels good, it can also result in giving more thought to your own direction.

Either way, keep in mind that nobody is perfect. Sometimes advice doesn’t work out or isn’t quite as relevant as you’d hoped. Or maybe that person you’re trying to help is going to go off the rails and make bad decisions. That’s no reason to sour on the experience or the potential of the next one.

One of my favorite aspects of this career is that designers inherently want to help others. You don’t always see that in other industries. So, if you want to be a better web designer – get involved. You’ll be glad you did.

]]>
https://1stwebdesigner.com/importance-mentoring-web-design/feed/ 0
5 Examples of Visual Storytelling in Web Design https://1stwebdesigner.com/visual-storytelling-web-design/ https://1stwebdesigner.com/visual-storytelling-web-design/#respond Thu, 09 Aug 2018 06:53:20 +0000 https://1stwebdesigner.com/?p=135778 There is no denying that people are visual by nature. They love simplicity and familiarity. So it should come as no surprise that people will form an impression of your website within seconds of landing on it.

As a result, websites today are in high competition with one another, no matter the niche.

Storytelling through web design, one of the most compelling ways to grab a site visitor’s attention without overwhelming them, has recently emerged as one of the biggest design trends to hit the market.

It is not easy to master the art of storytelling using web design. It takes a keen eye, an understanding of your target audience, and a well thought-out storyline that will resonate with visitors. However, when done right, people will remember your brand, your website and your beautiful story.

In this article, we are going to share with you some of the best examples of storytelling in web design.

Analysing London 2012

Analysing London 2012

With the 2018 Winter Olympic Games underway, it seems fitting to showcase this beautiful celebration of the 2012 London Games. Using smooth parallax scrolling, which makes following the timeline easy, fascinating facts to give the story continuity, and clear, simple imagery to complement the story, GoSquared Analytics does an incredible job of bringing the site visitor into this piece of history.

Patagonia

Patagonia

Patagonia’s marketing efforts are geared towards a very specific audience, and they do this well with their visual appeal. Their imagery focuses on everyday people, rather than high end fashion models, which makes their products more relatable.

Not to mention the visual story they tell on their site supports their core values and dedication to finding solutions to the current environmental crisis. It’s powerful enough to convince anyone to get involved.

Internet Live Stats

Internet Live Stats

Internet Live Stats takes a unique approach to storytelling on their site. Using startling statistics, such as the fact that 7,927 Tweets go out every second, paired with just as startling imagery to complement their statistics, this is undeniably more effective than a simple sentence stating the facts.

And, to make matters even more interesting, there is a timer on the page adding up how many Tweets have been Tweeted since opening the page x seconds ago. Talk about putting things into perspective.

Twoodie

Twoodie

Twoodie draws on the heartstrings of parents from all over, while focusing on the fact that they, as a company, put families first and want health to take precedence. They show that imagination, creativity and minimalism lay at the heart of their brand.

And when it comes to imagery, Twoodie takes an effective approach. Using beautiful black and white photos of children playing with their toys (that are showcased in color) gives the reader a sense of nostalgia and warmth – which not many toy shops can say they do for their customers. In addition, this non-traditional approach of highlighting toys in such calming colors only adds to their brand message and solidifies their promise to simplify your life.

The Wild Unknown

The Wild Unknown

When it comes to storytelling in web design, brand promotion is not limited to websites. In fact, visual platforms such as Pinterest and Instagram can have powerful effects on people’s desire to take action and buy or subscribe based on the images they see in their social media feed.

The Wild Unknown has a visually stunning Instagram feed that not only promotes their products, but relates images to the current time, how people feel, and what may drive people to want to do better things with their lives. This is much more effective than simply saying “Buy me because I’m great.” Instead, they make the visitor feel great – and that is enough to encourage them to take action.

]]>
https://1stwebdesigner.com/visual-storytelling-web-design/feed/ 0
How to Avoid Scope Creep in Your Web Design Projects https://1stwebdesigner.com/avoid-scope-creep-web-design-projects/ https://1stwebdesigner.com/avoid-scope-creep-web-design-projects/#respond Tue, 07 Aug 2018 21:12:32 +0000 https://1stwebdesigner.com/?p=138959 If you’ve been in web design for a while, you know the feeling of a client trying to push more and more work on you. It happens slowly, but you soon start wondering what you signed up for.

Is it all worth it? Could I have charged more for this? Should I drop this client?

Sometimes this stress comes from your client asking for too much. Yet, other times it’s because of a lack of time management, or a web designer attempting to take on too much at one time.

This general definition is what we call scope creep, and it can be devastating to a web design business.

What Exactly is Scope Creep?

The term scope creep isn’t reserved only for web design. In fact, you could pretty much apply it to any project in any industry. The real definition involves the overall magnitude of a project creeping past the original objectives.

So, you might be working on a website. Let’s say you set some goals to have it done in a month. The website is a small eCommerce site with ten products and some email marketing tools for abandoned carts. The client also wants to have a blog and a nice homepage.

This all sounds manageable when reviewing the initial goals. But what happens when, all-of-the-sudden, you’re still chipping away at the design after two months? What happens when the site has become more of a large, complicated eCommerce store as opposed to that simple one you talked about with the client?

These are examples of the very definition of scope creep. Scope creep is lengthy, expensive, tedious, and time-consuming.

A pile of work.

How Can You Avoid Scope Creep?

Removing all scope creep is impossible, but you can put forth some efforts to nearly remove it from your life. The reason for this is simple: The well-being of your company depends on it. Also, if you’re working for a firm you have a much better chance of keeping your job if you can keep that scope creep in check.

So, what can you do to avoid scope creep?

1. Set Extremely Clear Expectations with the Client

This is why it’s so important to meet with or speak with the client on the phone. These meetings allow you to specifically outline what is going to be done with regards to the web design and how long it’s going to take. Then, make them realize that no large changes can be made after that meeting.

2. Assign Deadlines and Stick to Them

If you need ten deadlines throughout the month, set them. You should at least have two or three throughout the course of a project. This way, you’re looking forward to smaller goals and not stressing about the final website.

A pair of glasses on top of a planner.

3. Set a Must-Finish-By Date

Deadlines are one thing, but the “deliver-by” date is another. There should be very-little-to-no compromising with this. If you miss your first deadline goal in the project, that’s no problem. You can catch up. But the final date should always remain the same.

4. Make a Contract

It’s one thing to speak with your client, but you’re better off asking them to sign a written agreement about your terms. This should include everything from the deadlines to the amount you plan on getting paid.

Two people reviewing a contract.

5. Allow Yourself to Make Mistakes

If you don’t allow for a few small instances of scope creep to happen within your project, you’ll start to get a sense of constant failure. Why? Because some scope creep is inevitable during all web design projects. Therefore, it’s essential to tell yourself that you’re willing to let three or four instances go by. That way, you’re not beating yourself up about the failures.

Are You Ready to Stop Scope Creep?

From setting deadlines to signing a contract, these are just a few of the ways you can limit your scope creep. If you have any other thoughts about ways to limit scope creep, let us know in the comments section below.

]]>
https://1stwebdesigner.com/avoid-scope-creep-web-design-projects/feed/ 0
8 Quick Tips to Boost Your Web Marketing Campaigns https://1stwebdesigner.com/quick-tips-web-marketing-campaigns/ https://1stwebdesigner.com/quick-tips-web-marketing-campaigns/#respond Mon, 06 Aug 2018 05:09:33 +0000 https://1stwebdesigner.com/?p=130380 In a business atmosphere that is constantly looking for ways to cut costs, save time, and maximize profit, marketing “hacks” may sound appealing, but do marketing hacks work in favor of brands?

Evidence shows that the right hacks at the right time can boost your campaign without spending extra capital. Here are eight tips to enhance your marketing efforts without the hassle.

Refresh Your Evergreen Content

Evergreen content stays relevant for years – or at least for the foreseeable future. It is content that readers in your niche will always search for, such as definitions of important industry terms or how-to articles that won’t lose their poignancy.

Evergreen content on your website can boost SEO and work over a long period of time. It is also low maintenance – you don’t have to touch or update evergreen content frequently. Publishing evergreen content can mark your company as a resource in your market and deliver marketing returns with little to no effort on your end after the initial content creation.

Evergreen content must have a long shelf life to work in your favor as a marketing hack. It must prioritize quality, with linkbacks to reputable sources that will not become outdated anytime soon. You need a compelling headline that addresses a highly relevant need your audience has. The content should be readable, with plenty of headings and bullet points to break up long blocks of content.

It should be longer than typical blog posts – it needs to be meaty enough to provide real value to readers. The longer readers spend on your page, the more SEO points Google will give you.

Republish Old Content with Updates

Publishing new content is of great importance to your website, but it doesn’t have to be the only type of content you market. Search through old blog posts and find one that are still relevant today, or choose one that was especially popular with your readers.

Then, make tweaks and updates to the information and repost it on your site and social media accounts. Publish it with the words “Update,” or “New Information” to show your readers you’ve added something of relevance to a previous post. Repeating content is a fast and easy way to stay relevant and engaging without spending much time or money.

Revisit Your SEO Strategy

SEO is a topic that can become redundant to your company, but it is of immense importance to the success of your marketing efforts – as is constantly changing with algorithm updates from Google.

Take a fresh look at your SEO and search engine marketing strategies to make sure you aren’t wasting money or opportunities. For example, examine your outlier keywords, and see if they are worth the investment. Upon a review of your program, you may find other keywords matter more to your company. Eliminate the rest and save room in your marketing budget.

Use resources such as the Google Keyword Planner or Google Trends to research hot topics and subjects that are currently “trending” with your target consumers.

The Keyword Planner can help you discover new keywords relevant to you, compare keyword trends and search volumes, and create ad groups and set bids. Keep an eye on the latest news in your industry and incorporate location-based keywords to optimize local SEO. Check out your competition and see what keywords are working for them. Consider paying for a platform such as Moz.com for keyword optimization without the hard work.

Remarket Your Content

Content remarketing is your best friend. It allows you to track users that visited your websites but did not make a purchase. These consumers will see your content on other web pages they visit, such as Facebook or YouTube.

Remarketing gives you a second chance to become a brand your consumer’s value. It reminds users to complete an action they started on your page or serves as a way to stay in touch with warm leads.

Master content remarketing using cookies, banner ads, and audience-specific marketing tactics. Tools such as the Google Display Network and Facebook Remarketing can help you make the most of this hack.

Return to Your Target Audience

Over time, it can be easy to lose sight of your target audience or what appeals to your niche. It is worthwhile to periodically check in with who you are targeting and what you can do differently to make your campaigns more poignant, personal, and engaging.

Analyze your ads and learn which campaigns are delivering optimum results. You may discover you’re making small mistakes such as inconsistency in branding that’s harming the success of your advertising.

Relevant people should see your ads, and your landing pages should work at all times. If your market has migrated from Facebook to Instagram and Snapchat, for example, stay on top of changing trends and tailor your content for these new platforms.

Always revisit your target age group, gender, and demographics. This will help you avoid useless spending on ads that are missing their mark and failing to convert leads.

Review Your Blog

Don’t let your blog fall to the wayside while you focus on other marketing campaigns and efforts. Your blog is a staple in the success of your brand’s marketing. Spending just a couple of hours a week optimizing your blog, creating new content, and posting regularly, can boost user engagement. Keep these simple tips in mind:

  • Stay up to date. An outdated, irrelevant blog can do more harm than good on your website. Write new posts consistently. Google rewards sites that publish content frequently, so staying up to date can boost SEO and improve your search engine ranking – ultimately increasing your brand’s exposure.
  • Make it personal. Today’s readers want to feel real connections with brands. Your blog is the perfect opportunity to market highly engaging, personalized content. Study your target audience and write for specific personas.
  • Hire a professional. If you can’t allocate the time and energy necessary for maintaining a blog, hire a professional content writer. Practice common tips for selecting the right writer for your blog, and stick to a budget that makes you feel comfortable.

With the right resources and tools, maintaining a successful blog can be easy and highly rewarding. Review the status of your blog periodically to ensure it’s still performing as well as it should. Optimizing your blog can quickly improve your campaign efforts without too much elbow grease on your part.

Reignite Your Campaigns

Create a swipe file for your business and fill it with ideas and inspirations gleaned from your competitors and sites you like.

Store images you think fit your brand, designs you want to use in the future, and content ideas for the future. Your swipe file should be a treasure trove of creative thinking and fresh new ideas for your company.

Visit your swipe file when you need a bit of inspiration, and use your ideas to reignite campaigns that have become boring or that fail to engage with your audience. A swipe file is a simple solution to staying on top of your campaign game without much added time or effort.

Remember Your Roots

Above all, never stray far from your brand’s original mission. Sometimes, all a floundering campaign needs is a reminder of your initial goals.

What is your main mission – to save the planet? Simplify business tasks? Make life easier for your consumers? Keep your mission in mind throughout all your branding and campaign efforts to create a unified, cohesive message to the world.

Going back to your roots can remind customers why they supported your brand in the first place. The amount of campaign inspiration you find when you remember why you started your business may surprise you. Stay true to your brand and the rest will follow.

]]>
https://1stwebdesigner.com/quick-tips-web-marketing-campaigns/feed/ 0
When to Forgo Stock WordPress Plugins and Build It Yourself https://1stwebdesigner.com/wordpress-build-it-yourself/ https://1stwebdesigner.com/wordpress-build-it-yourself/#respond Sun, 05 Aug 2018 20:45:32 +0000 https://1stwebdesigner.com/?p=138887 One of the biggest benefits of using WordPress is that you have access to tens of thousands of plugins – including a ton of free options. Plugins enable us to add complicated features such as eCommerce, forms or even a full-blown knowledgebase with just a few clicks.

But you may find yourself in situations where an existing plugin isn’t necessarily the best solution. In fact, if you have some basic web development skills (including HTML, CSS and some rudimentary knowledge of PHP and JavaScript), you may be able to build something yourself that is a better fit.

Today, we’ll take a look at some situations where it may be wise to forgo the use of a plugin to perform a specific task. But note that this isn’t meant to be a tutorial on how to build any specific feature. Rather, it’s more of an invitation to challenge the way we tend to think about WordPress development.

Situation #1: It’s Already Built into WordPress

During my earliest days in working with WordPress, I wanted to install a plugin for everything. But as I grew more comfortable with how the software worked and the process of customizing themes, I found that I had been using plugins for some of the most basic tasks – things I could take care of myself.

Take, for instance, adding a list of blog posts to a page. Beyond using a plugin, there are multiple ways to approach the task. If your WordPress theme uses Widgets, the included Recent Posts widget could do the job. Or, you may want to build a custom query right into the template, allowing you to fully manage the look and functionality.

WordPress has so many features already built in, but they often fly under the radar of even experienced developers. The argument can be made that that’s a big reason why certain plugins exist. They do things that many people don’t know about and add a layer of convenience to sweeten the deal.

But something that can be done rather easily within a theme or through building your own custom plugin puts you in control. You don’t have to worry about applying updates and aren’t left hanging if the author decides to, ahem, pull the plug on the project. Plus, you can build these types of features without the bloat that may come with a pre-built plugin.

Toy characters constructing a building.

Situation #2: You Have to Hack Your Way Around a Plugin

Have you ever found the “perfect” plugin for a specific need and then found yourself repeatedly saying “if only”’? As in, “If only it would do this, that and the other”. This is a common problem and in no way the fault of the plugin’s developer.

Everyone has a unique wish list when it comes to their website. No plugin could (or should) anticipate every possible use case and the billions of nuances that come along with them.

I find that a client will just about always ask me to make a plugin do at least one thing that isn’t on the feature list. Sometimes, as is the case with WooCommerce, there are enough hooks built in that things can be customized well enough. Woo may be the rare exception, though, as it’s not always such a straightforward process with other plugins.

Indeed, there are times when it seems like you might have to reverse engineer a plugin in order to make it fit your specific needs. The more drastic changes you make, the more opportunity there is for something to break down the road. In these cases, you might actually be better off building something yourself or hiring someone to do it for you.

Toy building blocks scattered on a floor.

Situation #3: You Don’t Want to Rely on Anyone Else

Here’s a situation that’s probably more about philosophy than functionality. When you’re building a website that has a very important core functionality (eCommerce, memberships, etc.), it can be difficult to cede control of that to a third party.

This is especially problematic when something breaks. You might have to deal with technical support that, in your view, takes way too long to respond and help to solve your problem. Meanwhile, your site’s either unusable or at least hindered in its ability to work properly.

The catch is that, to avoid using existing plugins, you’ll need either great development skills, a big budget or both at your disposal. Needless to say, this leaves a lot of people out of the equation. But if you do have the wherewithal to do things this way, it will keep you in the driver’s seat in terms of your website’s core functions.

Toy construction worker cleaning up.

When Plugins Are Optional

It’s often so tempting to quickly install a WordPress plugin and consider the job well-done. But it’s important to think about each and every addition we make to a website. When choosing a path to achieving a certain feature or function, we should ask ourselves the following:

  • Is this feature already a part of WordPress core?
  • Is there a plugin out there that will do everything I need (or, at least get me 90% of the way there)?
  • Am I comfortable relying on a third party to handle support?
  • How will a plugin affect site performance and stability?
  • Am I capable of building this myself?

Sometimes, the answer will point you in the direction of a plugin. But, the more you hone your development skills, the more likely it is that you’ll find at least some items that you can build yourself. That can be both highly satisfying and turn out to be the best thing for your project, as well.

]]>
https://1stwebdesigner.com/wordpress-build-it-yourself/feed/ 0
10 WordPress Themes for Your Web Design Business https://1stwebdesigner.com/wordpress-themes-web-design-business/ https://1stwebdesigner.com/wordpress-themes-web-design-business/#respond Sun, 05 Aug 2018 19:30:17 +0000 https://1stwebdesigner.com/?p=131192 One of the sad ironies of being a busy web designer is that you make time for everyone’s website – except your own. So it stands to reason that many of us could use a little head start when developing our own business sites. Certainly, a WordPress theme can do just that.

While you may be thinking, “I’m a designer, I don’t need to use a theme…” try to think of this in a different light. A theme can be a great launching point for your site building process. Find one that has features that will make your life easier – and then customize it to suit your specific needs.

So, while all the themes in this collection will look great with a default setup, they also offer you the power to add your own mark. You’ll be able to change various settings through the WordPress Customizer or through a bundled page builder. If you want to take things even further, create a child theme and make changes to both templates and CSS.

Let’s take a look at 10 WordPress themes that may just be the right fit for your web design business:

All the WordPress Themes You Could Ask For


2M+ items from the worlds largest marketplace for WordPress Themes, Web Templates & Design Assets. All of it can be found here at Envato Market.

Smoothly

Smoothly is a portfolio-style theme that includes six unique concepts. The looks are all quite stylish with features like video backgrounds and on-scroll animations. There is lots of functionality via a vast collection of bundled plugins – including several exclusives.

The bundle covers things like Google Maps, social sharing, filterable post grids, along with ways to display your portfolio and team members. Visual Composer is added for easy page layout creation. You’ll also find an included child theme to allow for advanced customizations.

Smoothly WordPress Theme

Hoper

Hoper provides a simple and attractive theme that can serve as a vehicle for your online portfolio. Use it as either a single-page or multi-page site.

Based on Bootstrap, the theme can be customized through the Redux framework and the Unyson page builder. A filterable portfolio is included to display your work in style. The overall look and functionality are exquisite.

Hoper WordPress Theme

Minify

As the name may suggest, Minify is a minimally-styled WordPress theme. The result is a look that makes content quite easy to digest. It utilizes Bootstrap, which provides both a solid foundation and an opportunity for customization.

There are a variety of home page, header, portfolio and blog layouts to choose from. Under the hood, you’ll find well-commented code to help guide you in making tweaks. Visual Composer is also included.

Minify WordPress Theme

Ana

Ana is a cool and modern theme aimed at creative professionals and agencies. It sports multiple demo site variants, six home page layouts, two types of navigation and six single portfolio styles. The included AJAX page transitions provide a unique way to keep visitors engaged.

There are lots of settings available to tweak in the WordPress Customizer. The package includes a copy of Visual Composer.

Ana WordPress Theme

Mochito

Mochito is a slick, one-page theme that utilizes AJAX for smooth scrolling and some excellent animation. You’ll find a hero image area that can display as a standard rectangle or take on a variety of attention-getting shapes.

Or, take it full-height to really wow your visitors. You’ll also find a copy of Visual Composer, custom Shortcodes, multiple page templates and Google Maps integration.

Mochito WordPress Theme

Eurybia

Your business is different, and so is Eurybia. It’s clean, but with a side of dark and disturbed mixed in for good measure.

There are some nice touches added in, like multi-column mega menus, smooth scrolling, lots of grid styles and some really attractive WooCommerce product layouts. It uses the Redux framework and a copy of the ubiquitous Visual Composer is bundled in.

Eurybia WordPress Theme

Minimus

If you really want your work to be front and center, check out Minimus. While the theme includes four demo home pages, the full-width “Portfolio Showcase” is a great choice for designers who want their portfolio to do all the talking.

Bundled plugins include Essential Grid, Slider Revolution and Visual Composer. Also check out the variety of menu styles, custom Shortcodes and parallax scrolling.

Minimus WordPress Theme

Gravity

Gravity aims to focus on typography, usability and UX. From the looks of things, they hit the mark. The layouts are pixel perfect and text is very easy to read.

The smooth scrolling animations make for an elegant experience. Included are copies of the Slider Revolution and Visual Composer plugins, along with an advanced portfolio system.

Gravity WordPress Theme

Dieter

Show off your artistic side with Dieter. It includes several customizable layout options, various headers and a mega menu. The theme can be used for landing pages or full-blown multi-page websites. There are a large collection of custom Shortcodes for adding design and functionality features.

Overall, the design’s use of whitespace and color bring a very modern and appealing look. Copies of Slider Revolution and Visual Composer plugins are included.

Dieter WordPress Theme

Horizon

Horizon features a horizontal slider/portfolio that will certainly get a users’ attention. With large, muted photos and bold typography, you’re sure to get your message across.

Also included are some lovely page transitions, multiple blog layouts (including a really nice masonry grid) and optimization for touch-enabled devices. Quite a unique theme compared to the usual portfolio fare.

Horizon WordPress Theme

Show Your Design Business Some Love

While finding the time to take care of your own website may be difficult, it’s vitally important. The types of design work clients look for changes with the times. You certainly don’t want them looking at an outdated site.

The themes showcased above will give you the opportunity to start fresh while saving you some time. Your business will be better for it.

]]>
https://1stwebdesigner.com/wordpress-themes-web-design-business/feed/ 0
10 Free Knowledgebase Themes & Plugins For WordPress Users https://1stwebdesigner.com/free-wordpress-knowledgebase-themes-plugins/ https://1stwebdesigner.com/free-wordpress-knowledgebase-themes-plugins/#respond Fri, 03 Aug 2018 20:12:57 +0000 https://1stwebdesigner.com/?p=132821 WordPress is the perfect system for just about everything. You can use it for a small blog or a company website or yes, even a knowledgebase.

And with the vast array of free resources online you don’t need to build your own theme either. There’s something out there for everything, and this collection proves it!

All the WordPress Themes You Could Ask For


2M+ items from the worlds largest marketplace for WordPress Themes, Web Templates & Design Assets. All of it can be found here at Envato Market.


WP Knowledge Base

kb knowledgebase theme

The incredible WP Knowledge Base theme is one of the oldest and most widely supported themes. It was developed well over 5 years ago and works perfectly with the bbPress community plugin.

Only issue is that this theme hasn’t been officially updated in over two years and you’ll see this message on the main theme page.

The latest release supported WordPress 3.5 and we’re now up to 4.x(and counting!).

But what’s interesting about WordPress is how it supports backward compatibility for most features. This means that a theme developed ten years ago could still run pretty smoothly on a modern WordPress installation.

WP Knowledge Base is by far one of the more detailed themes out there. But it’s also somewhat dated so weigh the pros & cons before using this one.

MyKnowledgeBase

myknowledgebase theme

Here’s a very simple theme without many excessive frills. MyKnowledgeBase is totally free and built for the latest version of WordPress.

It comes with a built-in FAQ module along with simple columns for data organization. This includes homepage widgets, sidebar widgets, and extra menus for getting into multi-tiered links for your site.

MyKnowledgeBase will take some customization to get it looking good, but it’s also one of the few themes with clear knowledgebase features.

WikiWP

wikiwp theme

Wiki-style sites can also make fantastic knowledge bases if you make adjustments to the interface.

One of the best Wiki themes is WikiWP which is also totally free and styled much like Wikipedia. You can choose which links appear in the side menu and how people should navigate the site through search or categories.

The theme is very SEO friendly but can be used as an internal knowledgebase if you want to hide it from search engines.

Really great layout and very relevant for knowledgebases. The biggest factor is if you want to run a wiki for your knowledgebase site.

MyWiki

mywiki theme

Here’s another alternative that’s meant to operate like a wiki but feels more like a knowledgebase center.

MyWiki has a solid 5-star rating across all reviews and thousands of installs. It’s extremely lightweight and features different homepage designs with sections for content categories.

I like this one a lot more than the Wikipedia-styled theme above because this one does work more like an organized knowledgebase.

It’s also easy to setup and perfect for non-technical WordPress users.

WP Knowledgebase

wp knowledgebase plugin

Getting into the plugins side of things we have WP Knowledgebase. This free plugin lets you add custom knowledgebase features into any theme.

Keep in mind this doesn’t have much styling, so you’ll need to position the categories/links accordingly. It helps if you start with a simple theme and build out from there.

Features include predictive search, drag & drop editing, a responsive content design, and a whole bunch more.

DW Knowledge Base

dw knowledgebase plugin

Another competing plugin is DW Knowledge Base created by the folks at DesignWall.

This plugin was built as a premium item but has a freemium version in the WP plugins directory. And the freemium version should be more than enough for a simple knowledgebase website.

It has a full backend panel for knowledgebase articles where you can add, edit, and refine how your content works. These also have their own categories so you can keep them separate from your main website.

Very Simple Knowledge Base

very simple knowledgebase

True to its name is the Very Simple Knowledge Base plugin released for free in the WP plugins directory.

If simplicity is what you’re after, then VSKB has the answer. It uses simple link columns that you can embed anywhere on your site from the sidebar to the footer or even on a single knowledgebase page.

These link lists are divided by category and include “archive” pages for all your knowledgebase articles.

But note the design here is very limited so it helps if you know your way around CSS.

Ultimate FAQ

ultimate faq plugin

While this plugin wasn’t technically designed as a knowledgebase it still functions well as one.

The Ultimate FAQ plugin lets you create unlimited question/answer type posts with custom tags and categories. It also supports an Ajax-powered search feature where topics are auto suggested and link right to the page.

Check out the demo video to learn more about this awesome plugin.

Knowledgebase by WebberZone

knowledgebase webberzone

The greatest strength of this plugin is how it walks the line between complex yet detailed.

The Knowledgebase plugin by WebberZone is totally free and offers a genuinely valuable method of curating content. You can organize questions by categories, and these appear in lists on your page.

KB entries can have sub-entries and Q&A sections within the page too. Plus they appear in WordPress search so you can design an entire site just around this plugin. For the price of free, that’s not half bad!

Knowledge Center

knowledge center webapp

Here’s one of the more advanced plugins offering a bunch of features and a premium alternative too.

Knowledge Center supports pretty much every type of edu-content page you need. FAQs, Wiki pages, knowledgebase pages, and archive category listings for easy browsing.

This does have a costly enterprise version, but I think the free alternative is more than enough for most users.

It comes with a handful of widgets like recent articles, most viewed, and featured items. You can also add custom search parameters and use knowledgebase shortcodes to embed certain articles/category lists anywhere on your site.

Definitely one of the better plugins if you’re looking for tons of features and a detailed management system. Check out their video guide to learn more and see this bad boy in action.

]]>
https://1stwebdesigner.com/free-wordpress-knowledgebase-themes-plugins/feed/ 0
Boost Your Design Team’s Productivity with monday.com https://1stwebdesigner.com/boost-your-design-teams-productivity/ https://1stwebdesigner.com/boost-your-design-teams-productivity/#respond Wed, 01 Aug 2018 15:22:21 +0000 https://1stwebdesigner.com/?p=138842 Web design and development projects can become complicated in a hurry. This is especially true when working as part of a team. As things change, it’s crucial to keep everyone on the same page. A transparent communication process is what you need to make it all come together.

That’s what makes monday.com a platform that teams can’t survive without. It’s a team management tool that is suitable for anyone, ranging from a pair of freelancers all the way to massive groups needing to collaborate across the globe. With the help of their intuitive interface, you’ll get more done in less time.

Let’s take a deeper look at how you can leverage monday.com to put your team on the right track.

monday.com in action

Team Management Without the Fuss

The most powerful tools are often the simplest. monday.com understands this and has created an interface that empowers users while still being incredibly easy to use. In fact, you might even say that team members will actually want to use this colorful and beautiful tool as it’s both simple and productive.

A Single Board to Manage All the Things

The board is where the magic of team collaboration begins. From here, you can see everything that’s going on. Use it to create tasks and assign them to specific team members, see their status and plan ahead. You’ll always know exactly where you stand.

Communication Made Simple

By adding rows or “pulses” to your board, you’ll be able to communicate with teammates in a centralized location. You can mention specific members or address the entire team, share files or leave an encouraging comment. Plus, you can invite clients in as guests so that they can view progress and offer feedback. By having everything you need in one place, you’ll keep everyone in the know and avoid pointless meetings.

Stay Connected

Need to stay on top of the latest project developments? Be notified of status updates through your desktop or via monday.com’s mobile apps, available for iOS and Android. This enables you to check in anywhere, anytime.

Simple, Not Simplistic

The best part about using monday.com is that everything just works – there’s no training necessary. But it’s also incredibly flexible. The platform can be customized to help you manage virtually any type of workflow and scales to fit your specific needs.

monday.com on a laptop and smartphone

Bringing People Together

With over 35,000 customers, monday.com helps to encourage collaboration for teams around the world. Everyone from small startups to Fortune 500 companies use the platform to help break down the traditional barriers to better communication.

By connecting people to processes, each team member knows their role. In practical terms, that means you won’t have two designers accidentally working on the same graphic or a group of developers continually overwriting each other’s code. When everyone does their part, projects move more quickly and smoothly than ever before.

Still, you may be wondering exactly how a team management tool can make everything work better. “It all sounds like rainbows and unicorns”, you say. Sure, it’s idealistic – but it’s also quite realistic. If you’re curious, watch the video below and see how monday.com changes the way you work in just five steps.

Maybe now you’re convinced that Monday.com is indeed amazing, but you’re not sure exactly how it fits in with your design business. Luckily, they’ve already thought of that and have prepared a little something to show you exactly how you can benefit from using it.

Start Celebrating Your Success for Free

Improving communication will make your business better. And monday.com facilitates it all in a way that is easy-to-use and scales to match your growth. You’ll no longer have a need for giant spreadsheets, chained emails, whiteboards or Friday afternoon get-me-out-of-here meetings. Instead, you’ll have everything you need to find success right there with you, wherever you happen to be.

Sign up for a free account with monday.com and start reaping the benefits of better teamwork.

Colleagues using monday.com

]]>
https://1stwebdesigner.com/boost-your-design-teams-productivity/feed/ 0
Create Amazing CSS Animations with These Free Libraries https://1stwebdesigner.com/create-amazing-css-animations-free-libraries/ https://1stwebdesigner.com/create-amazing-css-animations-free-libraries/#respond Wed, 01 Aug 2018 09:29:50 +0000 https://1stwebdesigner.com/?p=138462 When building an appealing user interface, it also means that you have to be an animator. Why is that the case? Because designs have evolved so much that it seems like almost every element in a user interface has a slide-in or a hover effect or a bounce to it. This means that a good designer requires well-coded animation libraries to generate the desired animations in a design.

The good news is that there are many free animation libraries for you to choose from. Because of this, you can still learn about the best animation techniques and implement them in your own designs without breaking your budget.

Animate.css

Animate.css

Animate.css is one of the most popular animation libraries out there. It’s free and offers CSS animations without having to search through a huge library or work through a difficult interface. What’s interesting about Animate.css is that it allows you to link up your CSS and add the required HTML and CSS elements. It’s a highly robust animation library and has been in active development for quite some time.

Bounce.js

Bounce.js

If you’re looking for a free JavaScript animation library, Bounce.js is a great place to start your search. It has more of a focus on goofy, bouncy animations – but many of them can work well on a wide variety of projects. The stand out feature from Bounce.js is how smooth the animations look. In addition, it’s an extremely small library for those who need these particular types of animations. So, if you like the silly animations, it’s worth looking into.

GSAP Library

GSAP Library

The GSAP library provides a robust collection of elements without the price tag. It’s a powerful animation library that works well with all browsers. What’s interesting is that the GSAP library runs entirely on JavaScript, and it also incorporates HTML5. One thing you’ll notice is that many animation libraries aren’t updated all that frequently. As with all of the animation libraries on this list, GSAP has a team of developers who maintain it and roll out updates frequently.

Wicked CSS

Wicked CSS

The Wicked CSS library has one of the more fun, playful interfaces in terms of animation libraries. The goal with this website/library is to focus primarily on CSS. The results are hard to beat, as the CSS runs on top of CSS3. The Wicked CSS library is much newer than some of the other libraries we have on this list, but the developers are hard at work updating it and making sure it doesn’t become stagnant. The demos on the homepage get the ball rolling right from the start, since you’re able to preview and play around with animations like wiggles, zooms, floaters and more. One of the reasons this animation library is becoming so popular is because you’re able to find both simple and complicated animations. The developers note that some of the animations are simple enough for anyone to develop, but you can also find extremely complex choices as well.

Tuesday

Tuesday

It seems like so many animations on the internet today are getting a little out of hand. If you feel this way and would like to get back to the simpler basics, the Tuesday animation library is just what you need. The library is fairly easy to understand, since it asks you to change around the settings and specify how you would like the items to show up and disappear on the page. Tuesday is a CSS library with the goal of making a website’s experience simple for the user. In short, you’re going to find animations that add a little pop to the UX but won’t make the user feel distracted in any way.

]]>
https://1stwebdesigner.com/create-amazing-css-animations-free-libraries/feed/ 0