ASICS Feel Fast & Dynaflyte FF – Illustration and Motion Design

Original Source:

ASICS Feel Fast & Dynaflyte FF – Illustration and Motion Design
ASICS Feel Fast & Dynaflyte FF - Illustration and Motion Design


Adhemas Batista directed a series of animations for Asics Worldwide partnering with Zombie Studio and commissioned by 180LA, advertising agency based in Los Angeles. The series of animations is a fun representation of the feeling of running with the Flytefoam technology by Asics. Live action direction by David Black.


For more information make sure to check out:

MasterCard – Believe in Experiences

Original Source:

MasterCard – Believe in Experiences
MasterCard - Believe in Experiences


Wernersam Studio and Latina Studio shared their beautiful work brand work for MasterCard. The campaign is focused on the message that at MasterCard, they believe in experiences, in the awe of the simple things. They use moments, in different situations like gastronomy, tourism, soccer competitions to illustrate that with super smart photos recreating the MasterCard logo. 


McCann Colombia
Creative Director: Andres Salamanca Soler
Art Director: Felipe Álvarez C. – Andrés V. De la Hoz
Copywriter: Laura Garzón – Julian Triana
Photographers: Wernersam Studio
Post-production: Latina Studio – Andrés V. De la Hoz

Leaps in Space 2020 Calendar

Original Source:

Leaps in Space 2020 Calendar
Leaps in Space 2020 Calendar


What can we say about 2020 so far, let’s just put this way. It was quite an eventful year and we are still not done. An outcome though is we saw a strive from many initiatives to raise the bar even during what we can call it ‘weird times’. As I was surfing for ‘studio inspiration’, I stumbled the work from the fine folks at Bureau Oberhaeuser, a studio based in Hamburg, Germany. Other than looking like cool people to work with, they have shared a calendar that you can purchase and download as a wallpaper. Titled: ‘Leaps in Space’, a yearly calendar on the stars and it’s beautiful. Take a look!



5 Tips for Designing One-Page Websites That Work

Original Source:

Smart design choices can help reduce the fatigue and frustration people would otherwise feel when using the web.

There are a lot of ways web designers can minimize distractions, information overload, and analysis paralysis. For instance, designing with abundant white space, shorter snippets of text, and calming color palettes all work.

One-page websites might be another design choice worth exploring.

When done right, a single-page website could be very useful in creating a simpler and more welcoming environment for today’s overwhelmed consumers.

With its diminutive structure, it would leave a unique and memorable impression on visitors. What’s more, a well-crafted one-page website would provide visitors with a clean, narrow, and logical pathway to conversion.

For those of you who use BeTheme’s pre-built sites (or are thinking about adopting them for your next site), there’s good news. In addition to the great selection of traditionally structured sites available, Be also has single-page websites for you to work with.

So, the technical aspects you’d need to master to get the one-page formula right are already taken care of.

Let’s have a look at some of the features that make single-page websites shine and how you can design them:

1. Give Visitors a Succinct Journey Through the Website and Brand’s Story

The typical business websites you design include pages like Home, About, and Contact, as well as pages that explain the company’s services or sell their products. Unless you’re building really long sales landing pages, there’s usually about 400 to 600 words on each page.

That’s still a lot of content for your visitors to get through and it can make perusing a single website an overwhelming experience. Imagine how they feel about reading through all that content when they have to do it multiple times when comparing other websites and options.

In some cases, this multi-page website structure is overkill. The information you’d otherwise fill a full page with can easily be edited down to fit a single pane or block on a one-page website and still be as useful.

Like how design and development studio Pixel Lab does it:

Pixel Lab

Notice how all the key points are hit in a concise and visually attractive manner:

The Featured Work portfolio
The About Us introduction
The FAQs
The contact form

The BeCV pre-built site is built in a similar manner (and for a similar purpose, too):


Just remember to keep a sticky navigation bar present at all times so visitors know exactly how much content there is on the page.

2. Opt For a Non-Traditional Navigation for a Uniquely Memorable Experience

Typically, the rule is that website navigation should follow one of two patterns:

Logo on the left, navigation links on the right.
Logo on the left, hamburger menu storing the navigation on the right (for mobile or desktop).

There are a number of reasons why this layout is beneficial. Ultimately, it comes down to the predictability and comfort of having a navigation be right where visitors expect it, no matter where they end up on your website.

However, with a single-page website, this is one of those rules you can bend, so long as you have a way to keep the navigation ever-present and easy to use.

There are some great examples of one-page sites that have done this, usually opting for a stylized left-aligned sidebar that contains links to the various parts of the page. Purple Orange is just one of them:

Purple Orange

And you can use a Be pre-built site like BeHairdresser to create a similar navigation for your website:


If you’re trying to make a bold brand stand out, this is a neat layout option to experiment with.

3. Tell a More Visually Striking Story

One of the problems with building a website with WordPress is that you always have to worry about how your design decisions affect speed. Even once the code is optimized, images are usually the low-hanging fruit that have to be dealt with.

But when your website only contains one page, this means images aren’t as much of a problem (so long as you compress and resize them). It’s only when you continue to add pages, products, and galleries that you have to scale back your visual content.

So, if your brand has a strong visual identity and you want the website to show that off through images, a one-page website is a great place to do it.

Just remember to keep a good balance between text and images as Vodka A does:

Vodka A

There’s no reason for a liquor distribution company to mince words when the elegant product photos effectively communicate to consumers what it’s all about.

In fact, this image-heavy, single-page style would work well for any vendor selling a small inventory of products: food, beverages, subscription boxes, health and beauty products, etc. And you can use the pre-built BeBistro to carefully craft it:


4. Turn a Complex Business Idea or Offering into Something Simple to Understand

When a company sells a technical or complex solution to consumers, it can be a real struggle to explain what it does and why they should buy it.

But here’s the thing: Consumers don’t really care about all that technical stuff. Even if you were to explain how an app worked or how you use a software like Sketch or WordPress to design a website, their eyes would glaze over.

What matters most to them is that you have an effective and affordable solution that they can trust. So, why bog them down with page after page of technical specs and sales jargon?

A one-page website enables you to simplify even the most complex of solutions.

Take Critical TechWorks, for instance. It offers an advanced technological solution for the automobile industry…and, yet, this is all it needs to explain the technology at work:

Critical Techworks

If your website’s visitors are more concerned with the outcomes rather than the “how”, you’d do well to make the website and content as easy to digest as possible. And you can use a pre-built site like BeCourse to do that:


Notice how both of these sites take visitors through a small handful of sections (pages) before delivering them to the main attraction: the contact or sign-up form.

5. Capture Leads and Sales at Different Stages of the Sales Funnel

Some of your visitors will be brand new to the site and need more information before they pull the trigger. Others will already have a good idea of what they’re getting into and just need one small push to get them to take action.

With a single-page website, you can design each section to cater to the different kinds of leads and prospects that arrive there.

The top sections should be introductory in nature, providing new visitors with information they need to decide if this is an option worth pursuing. The sections further below should drill down into the remaining questions or concerns that interested prospects have.

Regardless of which section they’re looking at, your one-page site will have CTA buttons built in along the way that drive them to conversion the second they’re ready.

This will enable your site to always be prepared to convert leads, whether visitors read the first two sections or make their way through all of them until they reach the conversion point (e.g. a contact form, a checkout page, etc.).

You’ll find a nice example of this on the Cycle website, with CTAs strategically placed along the single-page’s design:


BePersonalTrainer is a good pre-built site option if you want to ensure that you include a CTA button at the perfect stopping points throughout your page:


You won’t find them at the bottom of every section, but that’s okay. You just need them whenever your visitors are seriously thinking about taking action.

What Should You Build: A Multi-Page or One-Page Website?

Although a single-page website won’t work for larger websites (especially in ecommerce), it could work well for business websites that are on the smaller side to begin with.

By centralizing all of that information into a single page, you’ll create a fresh experience that wows visitors with how succinct yet powerful both the message and offering are.

Just be careful. Many single-page websites are poorly done (which is probably why they fell out of fashion for a while).

Remember: This is not your chance to throw web design rules out the window. In fact, this will be an opportunity to clear out the fluff and the clutter that’s accumulated over the years and to return to a more scaled-back and classic approach to design.

And with the help of Be’s pre-built one-page websites, it won’t require much work on your part to make that happen.


[– This is a sponsored post on behalf of BeTheme –]


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

20 Plugins to Manage Multiple Authors WordPress Sites

Original Source:

WordPress is an easy CMS to run your blog. So much easy to use that it now powers more than 30% of the web. You can write, edit, and publish your post in a very convenient interface. However, when it…

Visit for full content.

Light UI vs Dark UI – What Side Should You Embrace?

Original Source:

Life is an endless circle of decisions. Every day you have to consider your options and challenges, and find solutions. And at the end of the day, each solution is a decision you make based on knowledge and preferences. This article will discuss one of the choices UI designers have to make when they create […]

The post Light UI vs Dark UI – What Side Should You Embrace? appeared first on A New Place to Find Free High-Quality Design Resources

Original Source:

This is a sponsored article written by our friends at, a new website for design resources.

Whether you are a graphic designer, web designer or developer, working in the UI or UX field, or pretty much anything related to digital and print production, you likely have utilized premade digital assets in your projects. There are a variety of websites that offer these resources, but today we’d like to introduce you to the “new kid on the block”: was launched only a few months ago with the goal of providing high-quality free and premium digital resources for creative people, to help speed up your workflow and save you time and money in the process. Unlike other similar websites, the resources here are currently exclusive to, so you won’t find them anywhere else. While this could change in the future as the site grows, for now this makes the website a great place to find unique creations to use in your projects.

Let’s take a closer look at what has to offer, how it works, and why we think this resource is worth visiting.

First Impression: Easy To Search, Filter, and Find

Upon first arriving on the home page, you will see a grid of 12 product offerings below a category filter. Click on any of the categories (or multiple categories) to filter down to what you are searching for. Current categories include Icons, Illustrations, Premium, Print, Social, UI Kits, and Website Templates. There is a secondary filter that narrows your results down even more to the type of file included in the download. These filters include Illustrator, Affinity Designer, Photoshop, Sketch, and Figma. So whatever design software you are most comfortable with, you can filter to make sure you’re getting the editable file type you are looking for. 

You can also search for specific keywords using the search feature near the top of the page. 

Products are clearly labeled with a green “Free” banner or a blue “Premium” banner, so you know right away what the availability of each product is based on your membership in one of the two tiers. Each product listing also includes icons denoting the design software file type(s) it is available in, along with the category to which it belongs.

All of this will save you time when you are looking for something specific.

Helpful Asset Details

Click on a product to learn more about it and you will find a brief description, followed by a carousel of sample images. Click on any of the images in the carousel to view it full size, which is helpful to see the detail within each offering.

There is also a sidebar on each single product page that tells you the category, file format(s), number of elements in the file and the file download size. Good to know what you’re getting into before you download the file.

Single, Simple License: Use In Personal and Commercial Projects Without Attribution

You don’t have to worry about any complex legal jargon or uncertainty of what you can or can’t do with the items you download. Every product on falls under the same license and can be used in both personal and commercial projects without attribution. You can modify them however you want as well. The only limitation is you that cannot resell them.

Some Example Digital Resources We Liked

10 Abstract Background Illustrations (Free)

Who doesn’t use backgrounds in their projects? These ten unique background illustrations can be used in a variety of projects and they are truly one of a kind.

Restaurant Website Template (Premium)

This well-designed and complete website template kit includes 5 pages in both desktop and mobile versions, so you can use it for your next restaurant website and simply update the branding, colors and content to match you or your client’s needs.

36 Symbols of Summer (Free)

These playful illustrations can be used as icons or however else you’d like to add fun and individuality to your summer-themed project.

Furr – Mobile Ecommerce UI Kit (Free)

This clean, well-designed and thought out mobile ecommerce kit includes 12 app screens that take the user from signup through shopping to purchase. You could use this kit in a multitude of contexts by simply changing out the products and editing the branding for a quick mockup to present to your client.

Free Membership: Simple to Sign Up and Start Downloading Assets

Price is always a major consideration when choosing where to get your digital assets to use in your projects. That’s one of the primary reasons stands out in its field. With a significant percentage of their offerings available for free, and new free products being added regularly, the website should become a regular part of your resource-searching routine. Best of all, the requirements for membership are simple: just your name, email address, username, and password is all that’s needed to start downloading every single free product on the website!

Premium Membership For Only $10 per Month

If you would like to up your game and increase the span of products you can download, you can sign up for a Premium membership for only $10 per month. That’s a great price, and it is for a limited time for “early adopters”. This means that at some point in time that price is going to increase, but you can lock in the $10 monthly subscription now and even when the price goes up for new members, yours will not change. It’s a great way to lock in the low price now so that in the future you will still have access to all of the Premium products they will be adding without having to pay anything additional.

Final Thoughts

It is obvious that this new website has the potential to become a go-to resource for designers and developers alike. While the current product offering is relatively smaller than other, more established websites, looks to be committed to continually growing, improving, and adding many more products on a regular basis. That, paired with the unique and exclusive design resources currently listed, make this website one to bookmark and watch. We encourage you to give it a visit and see what you can find that will help you save time and money in your future projects, as well as possibly spark some inspiration and imagination for your own designs.

The post A New Place to Find Free High-Quality Design Resources appeared first on Codrops.

21 Alternative Tools to Supercharge Your Dropbox

Original Source:

Dropbox is a useful cloud storage, but most users do not realize that it can be way more powerful if you know how to make the most use of it. If combined with the right services, Dropbox can do…

Visit for full content.

‘Gibberish’ Illustrations and Doodles

Original Source:

‘Gibberish’ Illustrations and Doodles
‘Gibberish’ Illustrations and Doodles


First of all, these are not ‘gibberish’ but that’s how ori toor humorously calls his playful, creative and beautiful illustration & doodle series. At first, I was even questioning why he calls it ‘Gibberish’ but just by reading his bio, you quickly understand why. Basically, Ori is a master of his craft at doodling sketches without any planning just improvising. This is something I dearly appreciate, it’s fun to just let go of things and let your mind go free to be creative. We are featuring his set titled: ‘Gibberish Dark Mode (And one light)’ but I would totally suggest you visit his Behance for more of his delightful style.


Image may contain: cartoon, art and illustration

Image may contain: cartoon, art and screenshot

Image may contain: cartoon, illustration and poster

Image may contain: cartoon, poster and art

Image may contain: cartoon, illustration and screenshot