10 Inspirational Examples of Graphs & Charts in Web Design
Graphs and charts are some of the most visually complex and difficult elements for designers to execute to a high standard. The range of different elements and requirement for cohesiveness make it all the more impressive when a great example is included in website design.
Some of the best examples incorporate plenty of color for visual differentiation, clean connecting lines and shapes, and easy-to-understand axis. When designed to a high standard, the results can have a dramatic impact on the overall visual design and user experience of the website.
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Lab Board uses a beautiful consistent selection of colors, subtle gradients, and large drop shadows in their dashboard design.
SE Ranking shows off their graphical user interface dashboard via the homepage. The graphs are simple and easy to understand, using a selection of light colors which complement each other perfectly.
Dropbox’s Transparency web page highlights some interesting data on how many government requests they receive. The graph is designed beautifully with great color selection and separation, and a clearly defined key to match.
Shoplo’s website is impressive in its unique use of background elements and bright multitude of color throughout. The graphs used in their dashboard follow this trend using subtle gradients and strokes to outline data trends to the user.
Stripe Connect uses Gantt charts to illustrate how their platform can speed up several aspects of payment processing. The design is much simplified and uses a selection of brand colors to differentiate each aspect within the chart.
Appfigures’ tools present many challenges in the fact they have to often display an enormous quantity of data at once. They have solved this issue beautifully by incorporating transparency into the vibrant graph background colors.
CA Technologies keeps it simple for the graphs within their website. It uses a blue stroke with an underlying gradient which fades out to the x-axis. The simplicity makes it extremely easy to understand and fits perfectly with their brand direction and user interface colors.
Median for Mac
Median for Mac’s website focuses on a screenshot of their Mac...
20 Freshest Web Designs, January 2019
Welcome to 2019! It’s a brand new year and there are plenty of sites taking advantage of the optimism to start afresh.
Every month we publish a guide to the freshest websites launched (or relaunched with significant new updates) in the previous 4 weeks, this is January’s edition.
The slowdown for the holiday season is well behind us now, and new projects are launching daily. With some old trends still popular, and new ideas coming through, there’s no single dominant trend, making this month’s list more diverse than ever. Enjoy!
Stockholm Design Lab
The Stockholm Design Lab is a design agency that works with high-profile brands, take a look at their client list and you’ll see several global names. As if to emphasize the depth of its practice, the site lets you explore by typing different terms. It’s an impressive way to present work.
Cure is a high-end nails and wax boutique and its site showcases the aspirational lifestyle it’s selling. The typography is fresh and engaging, the art direction is modern and carefully planned, the parallax is beautifully executed, and the underlying grid is inventive.
Goldkant Interior Köln
In 2019 you can expect to see designers looking for new ways to work with parallax. Goldkant gets it right by combining parallax with the split-screen trend. Lots of sites apply an effect like this on the home page, Goldkant uses it site-wide. Plus check out that slick animated logo.
The inelegantly named Kalfire W53/50R has a site that features lots of full-screen video. Click through to the design page for more video, and the efficiency page for a detailed presentation of an extremely high-end product.
Full-screen video is going to be big in 2019 and Layer’s site is on-trend with a macroscopic view of its product range. Layer make intelligent products that form emotional connections, so their video is intimate in its approach. The whole site oozes human-centered design.
The amazing Talia Collins company makes swimwear out of material regenerated from discarded fishing nets, making you look amazing on the beach this Summer, all while saving marine life. Its site does a great job of counterpointing flattering style, and a love of the water.
Without is a design studio from London, UK. Its site features enviable typography, and a rigid application of UX principles. Scroll through the...
10 Free Excel Templates for Freelance Designers
As a freelancer, you have to keep track of everything. From monitoring budgets to planning new creative ventures, there’s way too much information to keep track of. Some people work on paper or cobble together tables in word processors, but both of these options are difficult to manage.
If you own Excel, however, you have access to a much easier way of graphing information. Even if you’re not adept at creating spreadsheets and templates of your own, there are plenty of free ones scattered across the interwebs. We’ve gathered them here: 10 free Excel templates, suitable for freelancers and designers.
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Time Tracking Template
Nothing is more valuable than your time. Whether you want an easier way to track it for billing reasons, or just want to keep tabs on your workflow, the versatile Time Tracking Template can get it done. A must-have if you get paid hourly.
Straight from Microsoft, this budgeting template is extremely useful when you want to see your income, expenses and savings. There are two graphs to help you visualize the difference between your income and expenses. This one is simple, but invaluable.
Project Budget Template
If you’re looking to budget a project rather than your personal finances, this template will do the trick. All but the largest projects can be tracked in a spreadsheet like this one. There are a few extra templates here, suitable for real-world projects, monthly tracking or for a multitude of other tasks.
Free Graphic Design Invoice Template
If you’re a freelancer who works online, you’re probably going to need an invoice template. These function as a record of your services and the money collected. It’s crucial that invoices look professional, as your clients will be seeing them. So, this minimal-but-beautiful Excel template is perfect.
Gantt Chart Template for Excel
A Gantt chart is a horizontal bar chart that spans the start and end times for individual pieces of a project. Gantt charts can be easily created in Excel, and this template can help you learn how to take advantage of this useful graph. Just set the tasks and add their start and end times, and you’ll have a visual plan for your next project.
Free Creative Brief Templates
As a designer, creative briefs are great for...
5 ways designers can embrace personalization in 2019
I have an admission to make: I don’t pay for my own Netflix account.
While I’ve embraced many of the responsibilities of adulthood—paying my own rent, waking up before 8am, and spending my hard earned cash on copious amounts of avocado toast—I’ve somehow avoided the illustrious $11 monthly charge for Netflix.
I share an account with my family, and the reason I’m fine with sharing my account is that Netflix allows each user to create a persona. When I log in, I can click my name, and confidently know that my content feed is updating based on what I’ve rated highly and enjoyed watching in the past.
You see, my feed is directly personalized for me (not for my dad, not for my sister, not for my old college roommate with my login).
Anyways, the point I’m driving home is that Netflix has a lot of data on their users. And they use it well—personalizing every experience and making the site more engaging.
When you start watching Roma on your iPad or an episode of Parks & Recreation on your TV, you can be confident that Netflix is utilizing both demographic data (your job, location, age, etc) alongside more specific user activity data (your watch history, past ratings, device type, location, etc).
My highly curated Netflix feedCombined, these data sources create a highly personalized experience for every user. So personalized in fact that “there are 33 million different versions of Netflix” according to Joris Evers, the company’s Director of Global Corporate Communications.
So, what exactly is personalization?
Personalization is exactly what it sounds like—it’s the practice of building a customized website experience for each visitor that comes to a page. Rather than displaying a single, one size fits all experience, a personalized website displays a unique experience based on a visitor’s specific characteristics. So in the case of Netflix, each user is seeing a variation of the page that’s built with a particular person in mind. Personalization is human, it’s effective, and it’s the direction the web is moving towards in 2019.
When personalization is done well, the user feels like the page is directly talking to them, but they don’t notice that their version of the site is different than any other version of the site. For instance, I don’t think about how my Netflix dashboard differs from my friend’s...
How to Redesign Your Website Navigation the Right Way
You might be thinking, why should I focus on a redesign? The fact is, redesigns can prove instrumental in your ability to convert customers or attract readers. Multiple studies have proven that consumers are judging websites based on first appearances. Businesses with stellar products and services can easily lose valuable customers because of subpar website design that doesn’t accurately reflect the brand. First impressions are lasting impressions, and redesigns give you a fresh look.
Your site should also reflect common trends in the web design world. For example, in today’s age, you’re expect to have a mobile responsive site. Other web design trends in 2018 included using bolder typography, incorporating video content where possible, and adding social and support chat features. Generally speaking, you should be redesigning your site every 2-3 years. Here’s how to redesign your website navigation the right way:
Have a Redesign Plan
It’s crucial that your team use the right methodology during a website redesign. According to Lucidchart, the most common methodologies are Agile, Waterfall, Kanban, and Scrum. Consider hiring a web design agency if you aren’t sure where your redesign efforts fit in with those project management styles.
Overall, it’s important to understand that your website’s navigation and navigation style play a critical role in the overall design and usability of your site. As such, you should be incorporating navigation best practices into your design. Additionally, during a redesign, keep the following navigation must-knows in mind:
Create a Sitemap
A sitemap allows you to plan your navigation in advance, taking into account how each page plays a role. Far too often, business owners and bloggers create a new page in the dashboard without a high-level overview of its role in relation to other pages.
Create an outline format for early prepping. For example, like most websites, you’ll want an “About” page. However, what pages sit under that umbrella? Instead creating separate navigation items for “Team” and “Mission Statement,” why not group them under the “About Us” umbrella? Create custom diagrams with online tools and visual sitemap creators to help guide you in the planning process.
Always Link the Logo
There are certain practices that consumers are accustomed to when it comes to their online experiences. One of the biggest is the...
A look inside Kitasavi’s bold approach to branding
Kitasavi burst onto 99designs in 2017 with a portfolio packed with brilliant color palettes, bold shapes and a hip twist ideal for brands looking to make an impact.
Originally from Russia, the husband and wife duo now base their creative studio in Georgia and offer a multi-disciplinary approach to clients around the world.
Their work focuses specifically on building brands from the ground up. Kitasavi specializes in creating full visual identities that begin with eye-catching logos and colors, and continue onto packaging, web design and other business needs that keep the brand sharp and cohesive throughout its lifecycle.
Name: Ksusha Drizhd & Nikita Savinov
99designs handle: Kitasavi
Tell us a bit about yourselves
Nikita: Hi! I am Nikita Savinov.
Ksusha: And I am Ksusha Drizhd.
Nikita: We are Kitasavi Studio and we’re a married couple. We were born on opposite sides of Russia. Ksusha is from Belogorsk, a town in Far Eastern Russia near the Chinese-Russian border, and I am from Vladikavkaz, a town located in the Southwest region of the country, in the Caucasus Mountains, near the Russian-Georgian border.
Logo design for boutique cafe, Anais FaureI’ve been drawing for as long as I can remember. At the age of 7 I began studying in a children’s art school. Then my family moved to Moscow, where I continued my education at another children’s art school and later studied graphic design at university.
Ksusha: I have always been a creative person—I was singing, dancing, acting, performing on stage. Later, I moved to Vladivostok to study public relations. After that, I lived in Saint Petersburg, and then moved back to the Far East.
We met online and, after chatting for a couple months, realized that we had a lot in common. We can’t live without each other now. Nikita flew almost 8,000km to meet with me in person. He asked me to marry him only a week after our meeting. I said yes and we came to live in Moscow.
Loose leaf Nordic tea label for SOULEL It’s really cool to see your projects come to life in various parts of the world. - Kitasavi
How did you both get started in graphic design?
Nikita: I decided that I want to get a degree in graphic design when I was studying in high school. During my education, I started to work on small projects...
11 podcasts to help you live your best life in 2019
These days people are busier and more stressed than ever, and if you run your own business you know that better than anyone. Staying motivated, focused, organized and healthy can feel almost impossible for anyone nowadays, but especially when you’re the boss.
To help you be your best in 2019, we’ve compiled a list of 11 of the best coaching podcasts out there today. Our list includes some of the names you know and love, in addition to a handful of up-and-comers that we expect will make an impact for years to come. If you’re looking for a bit of direction, these podcasts can help you make the changes you want in your life.
While these shows are all relatively new (between one and two years old), they’re already making waves in the industry. Tune in to hear fresh secrets for success.
1. Alexa Curtis
Illustration by CriDascaluPodcast
This is Life Unfiltered
Who is she and what’s the podcast all about?
Podcast cover design by curiouscaseAlexa Curtis kickstarted her career in 2011 when she founded A Life in the Fashion Lane. Since then she has transformed her site into a full-time lifestyle website for young adults. She also stays busy with her development of nonprofit Media Impact and Navigation for Teens, a panel discussion in schools on social media and mental health.
This is Life Unfiltered is a weekly podcast that focuses on all things social media, mental health, and more. As Alexa says about her podcast:
“When I started This is Life Unfiltered, I had no clue what the next year would bring. The journey from the beginning of episode 1 to the beginning of episode 56 has come with its fair share of ups and downs.” I didn’t realize how crucial voicing your most raw opinion was until I began sharing my opinion into a microphone. - Alexa Curtis
“I didn’t realize how crucial time to yourself—and voicing your most raw opinion—was until I began spending time at my WeWork office sharing my opinion into a microphone, or sitting next to top entrepreneurs listening to them share their life stories so candidly with me,” Alexa told us.
What we like about this podcast
Interviews. Alexa Curtis interviews a versatile range of influencers and successful people from a range of categories, mostly from younger demographics. Her most recent discussion was with one of the...
How Launchpeer outsourced their Instagram video ads
Outsourcing is all about relationships. The more professional relationships you build and the stronger you build them, the easier it is for you to be the best you can be. Let’s face it… even if you can do it all, you can’t do it all perfectly. So here is what outsourcing is all about: instead of trying to do everything yourself and ending up with results that are just okay, get help from your friends who can knock them outta the park.
Want to see outsourcing in action? Take a look at how we worked with Launchpeer to create their perfect Instagram video ad.
Video ad design for Launchpeer by Mariya Dziadziulia
Before we dive in, here’s some background on Launchpeer: they’re a tech agency based in Charleston, South Carolina that connects startups and entrepreneurs around the world with web developers, designers and growth hackers. They’re kind of like us, but more on the tech-y side.
Their brand is fun, yet professional, and they needed their ad to convey this while showing that they’re amazing at what they do. Launchpeer had been one of our agency partners for two years already and knew they could expect great stuff from our creators.
What Launchpeer needed
Lots of companies have their lures out on Instagram. Launchpeer needed an ad that stood out and caught entrepreneurs’ eyes. Illustration contest entry by miridi.Launchpeer needed a way to advertise its free facebook group for entrepreneurs and startup founders, Launch Club. Launch Club members get access to a bunch of support resources like daily Q&A sessions, live coaching and exclusive training events.
The ad needed to catch a specific target group’s attention: startup founders and entrepreneurs between the ages of 24 and 35. This is an audience that’s in higher income brackets, tends to have more limited attention spans and spends loads of time on social media.
Initially, Launchpeer’s founder and CEO, Jake Hare, knew video was the way to go to catch these clients’ attention, but wasn’t sure quite how to make a video ad that worked. Then, in the scene of our story where the hero serendipitously meets their perfect match, Launchpeer’s Success Manager on 99designs, Melanie Panergo, told him that we now offer video services for agencies.
Understanding Launchpeer’s needs
Success Managers like Melanie have the...
Nominate your favorite design for the 2019 99awards!
The 4th Annual 99awards are right around the corner, and it’s time for us to honor and celebrate excellence in global design.
Did you come across a packaging concept that blew you away? A label that made your jaw drop? A website that changed your life? A book cover that gave you chills?
We want to see it.
The 2019 awards
Send us your picks for the most extraordinary, brilliant, artistic and masterfully-crafted designs created on 99designs over the past year. And make sure your favorites get recognized for their work!
Nominations are now open for the following six categories:
1. Best Branding Design
A design or identity project that leaves a great first impression and demonstrates considerable staying power.
2. Best Digital Design
A website, landing page, app or digital design that looks sharp on a screen or device.
3. Best Print Design
Any book, brochure, poster or print design that makes the most out of paper.
4. Best Packaging Design
Packaging and label designs that are top shelf.
5. Best Illustration Design
An illustrated design that’s especially unique.
6. Best use of Typography
A design that uses typography, hand-lettering or custom fonts in a way that’s cool as hell-vetica.
The 99awards are evolving. What’s new this year?
This year we’re awarding designers across diverse categories. No filler—all professionalism.
And the most exciting development of all? We’re putting your work in front of top creatives and design experts. For the first time ever we’re partnering with a panel of industry pros to judge and award 6 core categories. We can’t wait for you to meet your jury—stay tuned for the announcement.
But that doesn’t mean we don’t want to hear from you! When the final nominations are announced, we’ll invite you to cast your vote for the outstanding Community Choice award.
What are you waiting for? Time to make your voice heard and nominate!
Fill out my Wufoo form!
Nominations will be accepted through February 8, 2019.
The post Nominate your favorite design for the 2019 99awards! appeared first on 99designs.