Website design and development is ever-changing. As people’s tastes and attitudes change, so do their expectations, wants and needs from a website. In our latest feature, we take a closer look at some of the trends we expect to see dominating web design for the rest of the year, and the influences behind them:
Whilst minimal design is not a new concept, its almost-accidental resurgence is a trend we see becoming common place in 2017, especially in the lifestyle and fashion industries. How? The rise of responsive web design gave way to brands ensuring their websites presented a cohesive visual aesthetic across all devices. Cue a scale back in text and graphic heavy homepages for the benefit of mobile and tablet users, and more emphasis placed on big splash images, spacious layouts and grid-style content boxes, which can easily scale or reposition themselves dependent on screen size.
Fashion retailer H&M’s latest online incarnation follows minimal design to ensure users have the same familiar experience across all devices.
Real-life photos of real-life people
In 2017, expect to see more businesses using original photos and graphics as their core web and social media imagery. Consumer perception of stock photography has taken a major hit in recent years, with the advent of meme subcultures ridiculing bad stock images and their accompanying websites. As The Balance explains, people are now more aware of how stock images are produced, and perceive websites using stock as their core imagery as being unoriginal and without brand identity.
With smart phones cameras now having incredible 4k quality and hundreds of apps making graphics easy, businesses will now be able to take great real-life photos of their real-life customers using their products and services. Customers will better connect and engage with these visuals because they appear genuine. Stock images will still have a role to play in web design, particularly for landscape photography, but it will be less noticeable – and less meme-able!
AMP as the norm
The AMP (Accelerated Mobile Pages) Project took off in 2016, bringing speed and clarity to Google’s mobile users and seeing impressive results. Slate reports AMP led to a 44% increase in monthly unique visitors, with similar gains for many other news sites using the platform. More impressive are reports of Google’s recently-added ad formats delivering up to 65% increases in ad engagement versus non-AMP ads. By the end of 2017, expect most news and media outlets to switch-over to AMP, as Google AdWords/AdSense and partnered CMS platforms like WordPress promote its effectiveness.
Artificial intelligence as a CRM tool
As recently as 10 years ago, you would be hard pressed to convince even the most optimistic developer that artificial intelligence would become a norm in web design. The idea of a computer being able to effectively communicate and manage customer services was still something out of a science fiction movie. Yet, here we are.
Phenomenal advances in behavioural analysis and data processing make it possible for “chatbots” – software programmes that present themselves as customer service representatives on a website – to handle real-time customer queries. When a customer asks a question, the bots filter through thousands of pre-prepared responses. The bots then respond to the customer, with a unique tone of voice so the customer doesn’t feel like they’re talking to a robot. If a unique issue is presented, the chatbot will notify a real-life employee, then learning how that person responds to a matter for future reference.
Every Fortune 1000 company is expected to have some sort of chatbot functionality on their website, social media and apps in 2017, and the relatively low cost of integrating a chatbot (versus the expense of employing full-time staff members to manage online customer services) means this trend will trickle through to larger SMBs towards the end of the year.
M&S Bank was one of the first UK banks to introduce chatbot technology. “Hannah” even has her own distinct chatty personality.
Speak to Oneclick Media Services about our bespoke web design services. Call us on 020 8731 5266 or click here.
Small business mobile apps are set to surge in adoption in 2017. If you haven’t already considered building your own mobile app, chances are your competitors have, with nearly 50% off all SMBs expected to have a mobile application in 2017.
Market forces have driven this shift. Customers expect the stores they shop at and services they use to have accompanying apps for their convenience, with ComScore reporting 85% of UK customers prefer using an app over a website when making purchasing decisions.
With this demand, the UK has seen a sharp rise in the number of off-the-shelf template-based app builders. These services offer a short-term cheaper alternative to bespoke mobile application development, where SMBs can build a mobile app using a templated design with pre-built functionality. Costs are kept low as thousands of companies essentially share the same template and features.
For some businesses, this approach to app development can make sense. For example, a small cleaning company that simply requires an app to list prices and book jobs, or a local Indian takeaway that simply takes orders. However, for many businesses template apps can be troublesome, and in some cases illegal, so consider the following when deciding on how to approach and build your app.
What You Need To Consider Before Using An Off-The-Shelf App Builder
Ownership and Intellectual Property
Despite having your logo on it and selling your products and services, in almost all cases you don’t own your off-the-shelf app. The company that designed the template or hosts the app builder does, and you are simply licensing it. Why does this matter? For some businesses, their app can become an integral part of their operation, but if they don’t own the rights to the app, it holds no asset value. This means should you want to sell your business, having the #1 app on the App Store will not increase the sale value of your business, as it isn’t your intellectual property.
Furthermore, should the app company hike up prices (if you use a subscription model to pay for the app and hosting), you may be forced to pay up as they can pull your app from market at any time, and they will not allow you to copy-paste your app or migrate it to another provider. Similarly, if the app company goes bust, your app can disappear without a trace along with your data and orders.
Unique Features and Functions
By their nature, a templated app means there are hundreds of other similar companies with the exact same app, simply masked with a different logo. Assess your customer base wisely; if your customers expect a unique user experience, you may only achieve that with a custom-built app that’s designed around the exact needs of your business and customers.
As a rule of thumb, should your business requires your app to feature any unique features and functions, go bespoke. It is costly adding custom development to an off-the-shelf app not designed for it, and given you would not own the rights to the app regardless of how many unique features you pay hundreds or thousands for, it would be a better investment building your own app from the ground up.
Data Protection and Security
Small business apps that manage private information and user data will need to ensure their app complies to all legal requirements in their industries. It may be difficult to guarantee this protection with an app owned by a 3rd party, as it is possible they can see all data coming in and out of the app.
App vulnerability is also an important factor to consider. With potentially thousands of businesses using the same template, it would only take one of these apps to be hacked to leave all of them vulnerable to attack – including yours! Bespoke app development provides small businesses with more control over the security of their app, and in some sectors like financial planning or accounting, it is a legal requirement.
If you’re not sure about how to approach your mobile app, or want to speak to Oneclick Media Services about our bespoke mobile application development services, call us on 020 8731 5266 or click here.
Having a website for your small business is essential. However, keep in mind that “Bad sites – ones full of mistakes – are almost as damaging as having no site whatsoever.”
There are number of errors you can fall into when crafting your website. You could have a terrible design or overload your site with text. Or you could have poor CTA’s and keyword targeting, thereby failing to convert visitors.
Because of the many details you need to consider, as well as the potential pitfalls, creating your business’s website can be overwhelming. You have a lot to consider, from how you want to advertise your business to how much and what kind of content you want to publish.
The first decision you need to make is whether or not you want to design your site yourself or hire someone else. Your answer to this question will narrow down how you should proceed. So which option should you choose?
Make Sure That Saving Money Is Worth It
One of the biggest influences on your decision will likely be cost. The expense of building your own website is going to be rather high when it comes to the number of zeros on the bill. There is no question that you will get what you pay for, but what you pay for also depends on precisely what you want from your website. There is no such thing as “one size fits all.”
Perhaps you want to establish a website that is more on the complex side. Maybe you’re looking for page after page of displayable content, each with its own child pages that branch out and interact with other pages on your site.
In this case, you will probably want to contract outside help to keep your project from getting too crazy. It’s easy to start out with a simple task only to discover that it is a lot more involved than you originally thought.
For example, suppose that you have a few products that you’ve already built out. Let’s say that one of them is an eBook for marketing automation. It is filled with gated content for email opt-ins that will bring consumers through the conversion funnel.
However, because you have to widen your funnel on the front end, you will need a substantial and robust blog. Your blog will need enticing and interactive graphics. You might need polls, a Disqus plugin, and a standout share bar, as well as CTAs splashed throughout each of your blog posts.
While you might know how to market your product, you could lack experience in developing a robust and beautiful blog. And building your blog is key to your success, so you will need a team that has had previous experience with gated content projects. In this situation it is far better to hire outside help than to handle everything on your own.
When You’ll Want to Do It Yourself
On the other hand, you might want a simple and straightforward website with minimal fluff and pizzazz. In this case, it could benefit you to look into what it takes to construct your own website. If building your own site is the best option for you, doing so will save you time and money in the long run.
What’s more, crafting your own small website from scratch can give you the skills to eventually be able to create one that is bigger and more cutting-edge. Start small on your own, and keep building on your knowledge.
Java is one of the many languages that computer software understands, and it is also one of the most popular. C++ is another well-known coding language with which you might be familiar.
Once you are immersed in the lingo of computer and web-based commands, the overall concepts will click. Then you will be able to leap back and forth between different computer-based languages.
Taking courses in web design will not merely allow you to overcome obstacles that will certainly come your way. The courses will also give you ideas for your website that you would otherwise not have considered. Educating yourself in this way can be a great strategy for setting yourself up for success as you build your site.
Remember, Creating and Maintaining Websites Takes Time
If you do decide to take the leap and construct your website on your own, then you should know that it will take time. Rome was not built in a day, and your website will not be either.
Building an entire website from scratch is tough, but worth it in the end. If you take the proper first steps, such as receiving a Java certification and training, you will streamline the time you spend working on your site.
No Matter What, Have a Plan for Debugging Your Site
Whether or not you decide to build your website by yourself or with an experienced web designer, you need to think of your site as a living thing that, much like you, can get sick.
“Getting sick” takes the form of overloading and crashing. Sometimes websites garner too much traffic for the server to support, and all that stress can cause the server to overload and crash. Other times, your coding (or your designer’s coding) might have a lapse that causes the site to crash.
When these events happen—and they do more often than you think—you should have a solution that will enable you to get your site debugged. If you hired a firm, chances are they will jump on the problem immediately and take care of the issue for you. But if you built the site yourself, you should know what to do when it gets buggy.
There Is Pride in Creating Something Amazing from Scratch
There are website building platforms out there that allow you to get a free site simply by clicking a few times. But those platforms (such as WordPress or Wix) tend to be very limited in terms of what they permit you to do.
That is why having the ability to construct your very own site is such a great skill to have under your belt. You can fix any issues you might encounter on your own. You will save a ton of money in the long run, and you will also have the pride of crafting something amazing with your own two hands.
UX, or user experience, is moving to the forefront of considerations for modern web designers. A great user experience can make or break your company’s app or website. In fact, it can mean the difference between a visitor and a customer. In today’s digital world, businesses must ensure their apps and websites are easy to navigate. This way, users can focus on learning about and purchasing your company’s products or services, not on navigating the website.
You can take several steps to improve UX and boost conversions, so keep the following tips in mind when it comes time to overhaul your website. Something that seems as simple as easier site navigation can have tremendous effects on your conversion rate and profitability, so don’t discount the effects of stellar UX design.
Interactive content naturally leads to greater engagement. If you want visitors on your website to take the time to investigate what you have to offer fully, construct interactive elements that will capture their attention and motivate them to explore. You can provide several types of interactive content, such as:
Video games started moving from niche hobby to mainstream entertainment about 20 years ago, and since then, games have eclipsed major motion pictures in terms of industry value. Nearly everyone in the country plays some type of video game on a regular basis, from dedicated gamers with high-powered consoles to casual mobile game players. You can capture this popularity for your website through gamification, or the process of making a customer interaction like a video game. Some brands even have proprietary games made specifically for their websites.Video games encourage exploration and experimentation and are typically goal-oriented. You don’t have to go overboard and assume you need to create a fully fleshed-out video game just for your business. Keep it simple and fun, and your audience will enjoy a break from typical website offerings.
People in general like challenges, and quizzes offer them the opportunity to show what they know. You may even want to incentivize your visitors by offering a coupon if they successfully complete a quiz. This can be especially impactful if your brand is highly specialized or caters to a well-defined niche audience. Many brands offer loyalty or points-based rewards programs to regular customers. If your brand does this, consider offering a point bonus for completing quizzes.
Similar to quizzes, surveys will appeal to a well-defined audience. They are also fantastic tools for gaining customer insight. Use surveys to find out what your visitors like and don’t like about your website, and use what you learn to make future adjustments. Just like quizzes, you can incentivize visitors with discounts or other rewards for completing surveys. However, if you take the time to make these questionnaires fun and engaging, you leave a more lasting impression with the user.
Interactive content will make your site memorable. However, make sure you don’t cross the line into garish, awkward, or interactive content that isn’t appropriate for your brand. Games may not appeal to certain audiences, so look for new ways to reach your audience if this approach doesn’t sound like it would work for your brand.
Even the most creative and spontaneous people appreciate logic. When people visit your website, the main goal should be to allow them to find what they need easily and still draw their attention around various parts of your site organically. If a user can’t easily navigate your site or find what they need without complications, they will more than likely click away to a competitor. You can avoid this by organizing your site using common sense.
Common-sense organization extends to both visual appeal and usability. Visually, you should consider using a grid-based layout to organize the visual elements, graphics, text, and interactive areas on your site. Ideally, your site should be rich in content without being overwhelming or appearing cluttered. In terms of usability, visitors on your website should be able to navigate to the page they need easily without having to spend too much time hunting for it. Whatever the layout of your site, any typical visitor should be able to find exactly what he or she needs within seconds.
If your website uses any type of customer login system, personalization should be a natural choice for better UX. Personalized content is a great way to show visitors to your site that you pay attention to them and want to help them find what they need. You can personalize content by tailoring it to a user’s past purchases, page views, product reviews, comments, and other interactions on the website.
You’re probably familiar with many websites’ “Recommended for You” sections. These websites harvest your user data from past interactions to predict what will interest you most or have the most value to you. If you take the time to construct such a system, visitors to your website will appreciate having content ready just for them. This enhances overall UX by making the user feel more at ease, and most users enjoy feeling special.
Tech has evolved to what was science fiction a few decades ago. Today, people spend hundreds of dollars on new mobile devices and want to squeeze every bit of usability out of them. If you haven’t investigated or don’t understand responsive design, it’s time to rethink your UX. More people than ever are using mobile devices to browse the web, enjoy content, shop, and engage with others, so if you’re not capitalizing on mobile UX, you’re likely falling behind your competitors.
Responsive design describes web design that “responds” to the screen on which it is viewed. It’s vital to construct your site in such a way that visitors know what to expect when they connect with your brand, regardless of the device with which they do it. Your website should be consistent and deliver a great experience on any size or type of screen. For example, many new smartphones feature eye tracking, retina displays, and 4K resolution. If you don’t have content ready to make use of these features, customers aren’t going to be very impressed. Conversely, taking the time to design for a variety of devices will enable customers to get the most from engaging with your brand.
Guide Your Visitors
Lastly, guidance is crucial for great UX. Users are more tech-savvy today than ever before, so overt handholding isn’t necessary. Just make sure you offer some kind of wayfinding tool for your users. For example, you could configure your site to play a brief tutorial for first-time visitors. Pop-up graphics can highlight different areas of the screen the visitor can use to find what they need. Additionally, you need to account for legibility.
Screen layout is far more important than you may realize, and your site should guide visitors around your content following natural conventions. For example, people in the United States and much of the rest of the world are accustomed to reading from left to right. Organizing your content with this in mind will help guide your site’s visitors through your webpages in a natural way. When you neglect conventional legibility, users will likely find your website clunky or convoluted.
When you think about how you can boost engagement and increase conversions on your website, keep these UX tips in mind. Different brands are going to benefit from different changes, but remember the basics: Offer your visitors value and capture their attention, give them the tools they need to navigate what your site has to offer, and encourage interaction.
One fairly recent web design trend is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth. You’ll find more advice in our pro tips for building parallax websites post.
But to show how it should be done, we’ve collected together sites that employ the technique to good effect. In some cases the parallax scrolling is the star of the show; in others it simply adds a touch of depth that makes the foreground seem to pop out a little. We hope you find this a useful source of inspiration for your next project, and if you come across any creative examples that we’ve not listed, we’d love to hear about them in the comments.
One of the most beautiful examples of parallax scrolling we’ve seen is this website for the game Firewatch, which uses six moving layers to create a sense of depth. It’s great because there’s no scroll hijacking (something that often accompanies the parallax effect), and it’s only used at the top of the page – the rest of the site is still so you can read the information without getting seasick. If you want to see how it’s done, here’s a nice demo on CodePen.
In a similar vein, Garden Studio have also opted to use the parallax technique in a sensible and delightful way at the top of their site, before moving into a mostly static page. The shifting landscape is subtle and unobtrusive yet also the star of the show – we found ourselves scrolling up and down again and again.
This isn’t strictly parallax scrolling as the effect happens on mouse wiggle as opposed to scroll, but it’s a really fun page that uses layering to add depth. Unlike “proper” parallax, the background moves faster than the foreground, creating a disorienting, otherworldly feel.
HTML5 canvas is used to animate the initial loading image. Subtle “parallax elements in the homepage are dynamically created and animated to simulate a 3D space environment through mouse movement,” says Andrea Bianchi, creative director at Alquimia.
The site achieves its goal, which, as Bianchi says, “was to create an ideal balance between content, usability and user experience”.
This impressive one paper website, The Costa Experience, is the brainchild of Brighton-based agency Graphite Digital. Having worked previously with Costa Coffee, the team was recently tasked with better communicating its products.
The result was this visually rich, parallax website full of animated illustrations and interactive elements.
Finance and money are hardly the most interesting of subjects. But New York-based digital agency Firstborn are quids in with this dynamic parallax scrolling website Make Your Money Matter for the Public Service Credit Union.
With the aim of teaching the public the benefits of joining a credit union, rather than using a bank, this brilliant site includes everything from how a credit union works, where to find one and apply as well as a calculator showing just how much banks profit from customer’s deposits.
The site for Seattle’s iconic Space Needle starts at the base of the 605-foot tower and invites you to scroll all the way up to the top, taking in views of Seattle and the SkyCity Restaurant along the way. And if 605 feet isn’t quite high enough for you, keep on scrolling and see what you find!
Peugeot has gone all out with using parallax scrolling to create an auto-playing comic in the browser. The comic plays as you scroll down the page (or use their autoplay feature which automatically scrolls) and helps to advertise the car manufacturer’s new HYbrid4 technology.
Arts consultancy Cultural Solutions employs a subtle parallax scrolling effect to introduce depth to its homepage. Their main brand image is the use of colourful circles – the circles in the background move slower than those in the foreground, creating a subtle 3D effect.
The website for the 2012 jQuery conference made use of a touch of parallax scrolling in order to add some animation to the design. It’s the smaller, subtle effects that make the page seem more fluid, such as the logo and date becoming smaller after you scroll down. The scrolling also triggers animations – like the bicycle that starts to drift off to the right, and the flock of seagulls frantically chasing a shark – which add some personality to the page.
To display the timeline of the war in Iraq, the White House used parallax scrolling to tastefully add something unique. While the content scrolls as normal, the emotional background images remain static – which help them to stand out further.
We’re big fans of TV zombie drama The Walking Dead at Creative Bloq, and we were gripped by this website launched to promote it. The imaginative site harks back to the show’s comic strip origins and makes clever use of parallax scrollingto pull you into its sick and depraved world.
“We came at this as fans of the show, first and foremost,” says lead designer Gavin Beck. “With this drive, we wanted to create a world within the Walking Dead that fans could explore and appreciate.
In today’s era of low attention spans and bite-size media, how do you attract people to longform journalism? Here’s a great response to that problem from the New York Times, combining some clever web design techniques with storytelling and comic-inspired illustrations created by Atilla Futaki.
One of the best examples of parallax scrolling we’ve seen lately, the article takes you through the story of a cage fighter written by Mary Pilon. As you scroll through the content, the illustrations come alive with clever animations and alterations, allowing you to fully immerse yourself in the content.
Futaki’s illustrations were based on police records, witness accounts, photographs and the reporter’s notes, and the attention to detail shines through. All in all it’s a great reading experience – is this the future of online journalism?
Snowfall is the latest buzzword to hit the world of design, drawing on the best traditions of editorial layout and combining them with the exciting possibilities offered by multimedia, including parallax scrolling and web video.
The term is named after The New York Times ‘Snow Fall’ article, about the horror of an avalance at Tunnel Creek, which was published online in December 2012. The newspaper presented the Pulitzer-winning article in an innovative way that grabbed the design community’s attention worldwide.
Here’s another page using the Snowfall technique. Written by Simon Cox, The Reykjavik Confessions explores the mystery of why six people admitted roles in two murders when they couldn’t remember anything about the crimes. The presentation makes great use of white space and makes a large amount of text, which might seem intimidating in a more traditional web news context, a pleasure to navigate.
Have you ever mumbled to yourself, “What a waste of my time…”? Let’s face it: There are times when you’ll have to deal with projects that seem completely unnecessary (to you, at least). It’s a natural reaction to feel that you could be doing something more meaningful in that moment.
It’s a natural reaction to feel that you could be doing something more meaningful in that moment
This is when you could easily sink into a bit of despair, and let the thought of all this meaningless work ruin your day. But come on now, you’re better than that.
Part of the problem (at least, from what I’ve experienced) is that it’s easy to think that, as an expert, you know best. And perhaps you do. But we also must acknowledge that whether we’re web designers, world leaders, or parents, not everyone is going to listen to us all the time.
Instead, take an open-minded look at the situation. Recognize the fact that the boss/client felt this was important enough to be done. You don’t have to necessarilyagree with that analysis, but it is your duty to carry it out.
At the very least, you can take pride in what you’re doing and know that it does mean something to someone.
2. DIVE RIGHT IN
When you’re faced with a task that you really aren’t excited about, you may want to put if off for as long as possible. While “delaying the pain” may seem like a good plan, you’re probably hurting yourself more in the long run.
The longer you delay the task, the more you have to sit there with it in the back of your mind. Instead, crank up your favorite music and commit yourself to getting it done. Attack the project with confidence and purpose.
If it’s a longer term project, you can certainly find time to do other things to break the monotony. Even better: go outside for a bit and enjoy nature. You’ll feel refreshed and ready to dive back in to work.
3. MAKE IT A GAME
I’ve had mountainous piles of repetitive tasks that have made both my wrists (and soul) hurt. If it’s a project that will take days or weeks to finish, I can actually find myself with a bit of Stockholm syndrome when it’s all done. This type of work can almost feel insurmountable if you don’t put it in perspective.
When faced with something like this, challenging yourself (in a fun way) can help you plow through. For example, if you’re working on something extremely repetitive, see how many times you can repeat the task in a minute or other interval. Maybe it sounds a bit like counting holes in the ceiling tiles, but it can help to make something insanely boring a bit more tolerable.
it can help you to develop a more efficient process for getting things done
Another beneficial aspect of this practice is that it can help you to develop a more efficient process for getting things done. It’s during those repetitive tasks that an idea can suddenly show up that saves you precious time.
Finding ways to make things fun (no matter how silly) will improve your mood and might even improve your work.
4. FIND PERSPECTIVE
Turn on the news for any length of time and it’s easy to see that our problems can be miniscule compared to what others face. Even so, it can be hard to think about that when you’re overwhelmed or just plain bored out of your mind.
In all honesty, it’s something I’ve struggled with over the years. Sometimes, I’ll get annoyed at work and think, “What right do I have to feel this way? I’m not terminally ill, I’m not a refugee and I’ve got it pretty good.”
The truth is that we all have our own personal hell. And it’s probably not too realistic to be in a perpetually sunny mood when it comes to work (even if you love what you do). So you can reserve the right to be a little grumpy when tasked with something you’d rather not do.
The truth is that we all have our own personal hell
The key here is to put it in perspective. I recently heard a radio interview with a top executive. Their advice on the subject was (and I’m paraphrasing): Take a look at your situation and then think about how you’ll feel about it six months from now. Will you even remember it by then?
The point is, take the work at face value. Don’t assign more meaning to it than what’s really there. That advice has actually helped me get through some things that normally would have sent me running for the bag of candy (or worse)! As it turns out, most things won’t be remembered much beyond their immediate past.
5. REMEMBER THE GOOD STUFF
Remember earlier when we discussed the reasons we love being web designers? It’s never a bad time to think about what drew you to this vocation. Thankfully, it’s the good stuff that endures. The other challenges are just temporary.
So the next time you are faced with some work that just might drive you crazy:
Know that, in someone’s eyes, the work is necessary (and you don’t have to agree).
Find a way to challenge yourself and make the task more fun.
Get right to work on it with a vengeance.
Realize that it’s okay to get annoyed, just don’t wallow in self pity.
Remember that you have a pretty awesome career.
It’s not always easy and it takes practice. But, if you follow the steps above, you really can learn to better deal with even the most mundane work.
How to choose the best projects to your web design portfolio
For starters, you need to take two things into consideration:
Your potential clients/employees
Regarding your skills, you need to know what you are good at before anything else. At this stage of your career, even if you are just looking for your first job, you already know in which kind of projects you excel.
Some people are better in branding, others in apps, for instance. So try and find out which are your strongest points, so you won’t be wasting your time trying to create things that you know won’t make you stand out from the crowd.
On the other hand, you will want to be aware of what your potential clients (if you are searching for a gig) or employers (if you are considering a job) are looking for at the moment. You will need to be well-informed about the demands and trends of your industry so you can present what they are expecting from you in general.
But, also, nothing is stopping from choosing a specific niche and creating a web design portfolio for just one segment. You can be the best web designer when it comes to blogs or online magazines, for example.
So make sure that you got these ideas organised in your mind before deciding what you are going to do about your web design portfolio.
The Essential Projects
After reflecting, you might decide that you are going for something more general, either because you are a newbie in the industry or because you want a web design portfolio that proves how versatile you are.
In this case, these are the essential projects that should be part of any successful web design portfolio. They are the first step to help you to land the job of your dreams, as they combined can show a skill set that will impress any client or employee.
# 1 – Your own web design portfolio
First of all, you will need to spend a decent amount of time trying to create your own web design portfolio. Getting this first step right is essential for you, as nobody will even bother to look at your projects if your website isn’t engaging. Plus, it would be weird to think of contracting a web designer whose own website isn’t their best creation.
# 2 – A complete online branding package
Online branding is a serious job nowadays. With so much noise around the internet, companies need to make an extra effort so to ensure that they will be remembered and recognised by their target audience.
Logos and Letterheads have changed, but they are as strong and essential as in the past. An online branding package might also include cover and profile photos for social media, blog headers, icons for apps, etc.
So pick an imaginary company and create all items that you can image as if you had been asked to create a complete online branding package. It will show that you are can do more than basic websites.
# 3 – A stock theme for a blog or website
Something that you certainly should add to your web design portfolio is a stock theme to a blog or website. It will give to your client or employee an idea of what you could create for them in the future.
The ability to design a website or blog is considered essential in your industry. So make sure that you give special attention to this project.
Do some research and search for trends and new solutions for well-known challenges, such as content-heavy websites, gaming platforms, or over-50 websites.
This way you will be able to prove your skill set and creativity.
# 4 – A mobile app design
Another project that you should consider adding to your web design portfolio is a mobile app design. As so many companies are creating mobile apps nowadays, this project will show that you understand your industry and that you are updating with the newest technologies available.
And don’t worry about creating a brand new and revolutionary app. Your job is to create the design, something that delivers a great user experience. So the tool itself can be something as basic as a to-do or a time-tracker. Just make sure that you make it cool, engaging, and easy to use.
# 5 – A 365 project
365 projects are another favourite of designers in general. They are a perfect opportunity to demonstrate how you can improve your skills over time and engage in a both fun and professional activity. Meaning that they will become a way to show off a bit of your personality as well. You can choose any kind of 365 project you want here.
To Sum Up
Creating a web design portfolio can be a daunting task to any web designer, especially if it is the first one. But it will give you the opportunity to prove that you are the best professional for the job, so you want to get it right.
Of course, if you got something relevant, you should always add previous jobs to your web design portfolio, for sure. They would be even more interesting if they were assigned by some well-known clients.
On the other hand, you also know that, on that very same projects, you might not have had the chance to show your best due to budget or preferences from your clients.
So your very own projects are, indeed, the best way to demonstrate your skill set. And they should be displayed in an even greater web design portfolio.