There is no question 2019 was the year of diagonal lines and illustrations. Thanks to new technologies in CSS and HTML5, it is easier to make non-block, like backgrounds and call-outs. Further, illustrators are in higher demand than ever. Art directors are calling for illustrators to be apart of the process ever since Intercom added illustrations too their website in 2017. Now there are numerous clip art design packs of colorful human-like characters doing work-like activities. Of course, the best companies know they have to make their own illustrations to shine.
Learn about RecognizeNevermind the IPO drama that plagued WeWork, their website is smashing. In this screenshot, they had a horizontal slider of amazing office spaces. Plus, their negative space search by location form is adds design to function. Airbnb take note!
Reply has a cool sequence tool for marketing and sales. They also have a neat menu. We love the subtle icons and usable menu for Case Studies. One downside is the continuous arrows. If the redundancy is reduced, they could highlight a key menu item with a single arrow.
Leadfeeder has done a great job at capturing a screenshot of what they do on the right. Even as there product changes, this core idea stays the same. Further, the Capterra star reviews right at the top adds social proof.
Once again, Leadfeeder shows social proof with a testimonial on the sign up page. Thanks to listening to their customers, they show the pain concerns or value props above the testimonial.
JustWorks sent an email with a nice top banner. The use of color is a great example of overlapping text. Animated GIF with the confetti moving would have made it even better.
Currently our favorite homepage. This animated video does an amazing job explaining all the options with the connections.
Stripe will be in any design roundup. Their homepage is always creative. Even their blog has style. The blog has a subtle gradient background and a nice author card.
In this Mixpanel email, they give a preview of their downloadable report in a simple, but creative display. The report is falling from the sky with the currently very popular shadow effect. The doc shows a nice clay-style illustration that is very classy.
Charlie.com does a nice job using flowing pastel backgrounds to add focus and separation. Plus, the social proof as a value prop is a double win.
The wavy lines, the color, and the clear text adds a lot of fun.
Notice this company is using two very different fonts. The title font adds class that goes well with the icons.
Microsoft Teams knew they had to put out all the stops if going to go head to head with Slack. Their team did a good job creating a design pattern with the human illustrations.
Adding an illustration inside the card pointing at the sign up is a new look.
The icons are a nice touch to the menu. The colors make it extremely clear.
Another really nice example of social proof with the stat on the right and the vertical line separator. Only problem is the grid background and the circle background in top left will be out of style in a year.
2019 was definitely the year of illustrations.
Three step explainer with beautiful illusrtations in a dark science-style theme.
Clear explainer with large text, but style has room for a fun illustration. To the dismay of front end web developers, diagonal lines are now all the rage.
The illusrtation clearly explains the benefits with additional use.
Modern icons with gradient repeating to create a sense of continuity.