If you are feeling like me right now, you have mixed emotions about the world in general. And this is translating into a pretty distinct design trend that’s happening almost across the board: Websites aren’t using many images of people right now.
There are just too many questions about what is appropriate (mask, no mask? groups?), so the default answer seems to be using more “artless” options focusing on typography, graphical elements, and small animations.
Here’s what’s trending in design this month.…
1. No Photos Above the Scroll
As the world works to pull itself out of the pandemic, designers struggle with post-pandemic design elements, mainly photography.
Many brands and companies started to refresh their libraries with new imagery that included smaller groups and masked people. Now some parts of the world are pushing to reopen, making some of these images seem immediately dated.
What is a designer to do? First, you have to weigh keeping a fresh-looking design with a world that’s changing quickly right now.
That’s likely the big reason why so many website designs are launching without photos above the scroll. Instead, the hero areas are dominated by oversized typography, graphical elements, and small animations to grab attention.
There aren’t many images that contain people or real-life scenes.
This middle ground allows designers to create something interesting within some pretty distinct constraints while preventing a design from looking dated if local pandemic health guidelines change. (It’s a fine line to walk that may continue for some time to come.)
Each of these three sites does it differently, but with similar themes.
Michael Sumner uses bright color and subtle text animations to keep you look at the design. Clean lines and flowing graphical elements almost seem to counter the in-your-face color choice.
Gus uses a grid background – also with a nontraditional color palette – to draw attention. You keep looking at the design thanks to the animated “gus” on the screen. This small element is just enough to help users click deeper into the design.
Radian takes a different approach while also embracing the no photos design trend. With a lot of white space and clean fonts, the design uses simple scrolling logo boxes to help tell the company’s story.
2. Left Align Headline Dominates the Hero
This website design trend is a twofer of sorts: There are no photos above the scroll, and the main headlines are aligned left with dominance in the header area.
A left-aligned stack headline can be a striking and dominant element. It can have even more impact with the right words in the headline that entice and engage users to learn more. (If you use this design trend, it is imperative to spend time on the words to ensure that the design says something meaningful.)
Here’s where it gets tricky. To push the eye across the screen, you want the stacked headline not to extend all the way across. Most of the designs using this trend are going half to two-thirds across the screen.
Then the text size needs to be large enough so that the words don’t break awkwardly. (Sizing depends on how many words and letters you have to deal with.)
Finally, you want to stack lines of text to fall nicely into the main, first scroll of the design. If the headline sits too low, it might be distracting. The same is true of a headline that’s too close to the navigation or breaks funny on the scroll.
The lesson here is that stacking text in this manner is a fine art, takes just the right (and highly readable) typeface to pull off, and requires meaningful messaging.
Steadfast Collective does it with a simple headline and “pieces” of images that encourage scrolling.
Nebulab uses some imagery, but what you really see is the giant, two-deck headline. Note the clever use of “next big thing” in an oversized typeface.
#Yallbikeforkids uses an all-caps configuration with intentional underlines to bring attention to keywords. The stark black and white color palette with yellow accents is a bonus for this design and style.
3. Fun with Fonts
When you don’t have many images to work with and no faces to show, it leaves more room for typographic creativity.
From experimental typefaces to line styles to interesting weight combinations to completely artistic font treatments, designers are having a lot of fun in this area.
Here are three examples to crush on.
Mantic uses a fun dot-style experimental typeface for an AI tool with a futuristic feel. Using a type style that matches the tone and content of the design is key for making a technique like this really work wonders.
Ballistic Moon also uses a funky, experimental typeface for the intro to the online storybook adventure. What’s really nice about the use of the trend here is that the fun font has a distinct purpose and is used for only that use and is not scattered all over the design.
Kazuki Noda has fun with the letters of his name so that the same cool and majestic feel as the rest of the design. Look closely at the uber-blurred video background and phrases that pop into the hero area to describe the portfolio and art direction therein. It’s artful and fun.
Conclusion
There aren’t a lot of pictures to look at with website design projects this month. And that theme is at the heart of what’s trending right now. It will be interesting to see how long this continues in an uncertain world landscape.
What’s nice about these projects that aren’t so photo-heavy is that it forces designers to develop creative solutions and use other tools to help draw attention to the projects.
Designing within these types of constraints can seem a little overwhelming at first, but the best designers can run with this challenge to create something amazing. (And it can even feel freeing in some ways.) Good luck if you are working on one of these projects, and we hope these trends serve as a source of inspiration.
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!
https://ankaa-pmo.com/wp-content/uploads/2021/06/popular-design-news-of-the-week-may-31-2021-june-6-2021.jpg14082560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-06-06 16:45:432021-06-06 16:45:43Popular Design News of the Week: May 31 2021 – June 6, 2021
Do you know logos? Is branding your thing? Then try our fiendishly hard logo quiz…
We’ve lined up ten logos belonging to household names. We’ve even given you four options to choose from to identify the logo. There’s just one catch: we’re only revealing a small part of the logo.
We’re kicking off with a couple of obvious ones to ease you in but be warned, they get tougher…
https://ankaa-pmo.com/wp-content/uploads/2021/06/fiendishly-hard-logo-quiz.jpg14082560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-06-04 16:45:122021-06-04 16:45:12Fiendishly Hard Logo Quiz
Creatives need a digital space to call their home. A place from which they can show off their best work, and from where people can get in touch with them to buy or hire from them.
You should have a digital space of your own as well, and we’re here to help you do just that.
With one of 600+ Be Theme’s pre-built websites at your fingertips you can establish your own digital presence in no time at all. While you’re certain to find one to get started among such a large selection, we’re happy to offer a helping hand. The following 15 top BeTheme pre-built websites were specifically designed with creatives and developers in mind.
Don’t be afraid of choosing one that might not turn out to be the exact best choice. Every one of these 600+ pre-built websites is customizable, and you can always select another example or experiment if you want to.
15 Awesome BeTheme Pre-Built Websites You Can Call Your Own
No matter your choice, you’ll quickly discover that most or all of the heavy lifting involved in creating a website has already been done for you. Customize, add your own content, tweak as necessary, and you’re done!
That said, let’s get started.
1. BeAgency 4
Whether you prefer to go it alone or dream of someday building your own creative agency, the BeAgency 4 pre-built site would be a great foundation for your site. It oozes professionalism, it’s easy for your visitors to navigate, and you’ll love its clean, modern design.
As an extra feature (and most of these pre-built sites have one or two), BeAgency 4 has a Portfolio page. Swap in your own content and you’re set to go.
2. BeAgency 5
Like its predecessor, BeAgency 5 offers plenty of flexibility. You might find its completely different style more causal and relaxing, given the hand-drawn elements and small animations sprinkled throughout.
The extra feature here is a premade page for case studies you could use to add context to items in your portfolio.
3. BeArtist 3
Whether you’re a visual artist, photographer, graphic designer, writer, or whatever, the BeArtist 3 pre-built site’s cool design with its unique vibe could be just what the doctor ordered.
It even has a Shop setup you can use to sell your work, or you can convert it to a portfolio if you intend to showcase that.
4. BeBusiness 3
If you would like to create a simple website to market your artistic services BeBusiness 3 would be an excellent choice.
Whether you’re a photographer selling family portraits or wedding packages, a web developer searching for clients, or a graphic designer specializing in logo design, this pre-built site gives you a great starting point.
5. BeCompany 6
If you’re looking for a way to help your company stand out from those that would prefer to play it safe in terms of website design, this BeCompany 6 pre-built site, whose geometric shapes and illustrations give it a particularly artsy vibe, would be an option well worth considering.
Not to forget; among BeCompany 6’s features there’s a page with case studies that can help you highlight your work.
6. BeConsultant
It’s sometimes the case that after creatives have become experts at their game or craft, they branch out into consulting. If you fit into that category, you might find BeConsultant to be the perfect fit for you.
If you’re not a full-time consultant, or not into consulting at all, you could still use this pre-built site as the basis for a website to show off or sell your skills.
7. BeCopywriter 2
This one’s for writers. If that’s you, and your work is focused on words, it only makes sense to use a pre-built site like Copywriter 2 to beautifully showcase your content.
8. BeCreative 4
BeCreative 4 offers a distinctive point of view on what a typical website for creatives should look like.
While it features everything you need, e.g., a portfolio page is included along with a section for sharing testimonials, it offers a few other surprises as well; surprises like its left-aligned navigation for starters.
9. BeCV 2
BeCV 2 is not your standard digital CV or resume. Not by any means.
It’s a single page site that will serve as a perfect vehicle for sharing your skills, your experience, and your accomplishments as reflected in your body of work. It also gives prospective employers or clients the opportunity to connect with you directly through your site.
10. BeData
BeData would be a good choice for IT professionals, web developers, and programmers. Its layout, techy design, and cool features can easily be customized to suit your needs.
11. BeMedia 2
BeMedia 2 tests the limits of conventional design in a variety of ways, including its asymmetric layouts, outsized images, and its animated background video; all designed to instill a heavy dose of energy into your website and your brand.
12. BePhotography 3
TheBePhotography 3 pre-built site isn’t for professional photographers only. If you are a web designer, an illustrator, or any kind of a visual creator, this image-centric pre-built site offers a great way to show off your creative efforts and dazzling works of art.
13. BePortfolio 2
BePortfolio 2 is great way for showing off in the best possible way your work, your experience, your list of clients, and whatever else is of importance to you and your business. For creative professionals it doesn’t get any better than this.
14. BeTheme
A great thing about using BeTheme is you can use it to create a website as simple or as complex as you like, as well as one that will get your message across in the best possible way. BeTheme comes with the building blocks you need, and quite naturally an impressive portfolio page.
15. Webmaster 2
Programmers and developers. This pre-built website was created just for you.
BeWebmaster 2 gives you a fun way to take your techie language and translate it into something they can relate to.
Build a website you’ll be proud to share with the world.
One of the things users like best about using Be Theme is its huge selection of pre-built websites they can make a choice from (600 and counting to date!).
[– This is a sponsored post on behalf of BeTheme –]
https://ankaa-pmo.com/wp-content/uploads/2021/05/10-cool-pre-built-websites-designed-with-creatives-and-developers-in-mind.jpg14082560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-05-11 16:45:092021-05-11 16:45:0910+ Cool Pre-Built Websites Designed With Creatives and Developers in Mind
Landing pages are central to successful marketing campaigns; they allow you to target particular customers with particular solutions to particular problems.
It’s easy to confuse what a landing page is because users “land” on many pages. When we talk about landing pages, we mean a page that is entirely dedicated to a particular type of customer. In fact, if we could create a unique landing page for each individual user, that would be awesome.
You might think your homepage is a landing page, but it’s not; users reach your landing page in various ways — directly, via organic search, or backlink. A landing page is normally dedicated to a specific marketing campaign. It is accessed from a link in an email, via social media, or most often via a PPC (Pay Per Click) advert.
Here are 10 elements of landing pages that are proven to convert successfully:
1. Use A Single Call To Action
Your potential customers must know how to move forward with your product or service as early in the experience as possible.
Are they signing up for a free trial? Are they signing up for your newsletter? Are they buying a product? Are they contacting you? Whatever you need them to do, make it clear.
The Hick-Hyman law of UX says the more choices you give a user, the less likely they are to make any choice at all; conversely, the fewer choices, the greater the likelihood that they’ll move forward.
Give the user one choice: click the button, or don’t click the button. A single CTA will out-perform multiple options.
2. Keep Forms Simple
Often, your landing page will need a potential customer’s information. They might be creating an account, setting up a trial, or just joining your newsletter.
If the potential customer is signing up for a trial, by all means, ask for their email address. But you don’t need their cell number, their mother’s name, the street they grew up on, their birthday, or any of that other junk that’s used to profile users.
Whatever the purpose, keep your form ultra-simple. That means as few fields as possible. If you really want it, give the user the option to fill it in later as part of an onboarding process — when they’re already invested — but not on the landing page.
3. Make the Headline Punchy
The first thing your potential customer sees on your landing page is the headline, so make it count.
Half a dozen words are usually more than enough. Your goal is to keep it short enough that the potential customer has read the headline before they realize it.
Often, you’ll want to clarify the statement with more information. That’s fine as a sub-heading after you’ve grabbed their interest, but make sure you grab their attention first.
The headline “Coyote Anvils” is best followed by the sub-heading “You’ll be eating roadrunner for dinner!”
Your goal for your headline is to explain your product or service in 2–3 seconds.
4. Center Your Content Around Your Value Proposition
What makes your product or service stand out? What makes it better than the competition? If you’re not sure, spend some time checking out companies in your space.
Creating a value proposition can be one of the toughest challenges a business faces because you need to put yourself in your potential customer’s shoes. But if you get this right, it will carry your marketing. You need to find the benefits within your product or service, not the features.
Value propositions are best when backed by facts. The “World’s Most Accurate Anvils” is best backed by proof: “9/10 coyotes said they were more likely to hit their target than themselves when using our patented AccuAnvil.”
5. Lists, Lists, and More Lists
You’ve got seconds to engage your potential customer, perhaps even less. One way to grab them is with a great headline, but you have to keep them interested beyond the headline.
One great way is bullet lists with short entries. Short-item lists naturally pull our eyes down the page because our eyes take in the whole line in one glance; we don’t need to read to absorb the information.
The longer you can keep someone on the page, the greater the likelihood they’ll keep looking, so pulling them down the page with lists is a great tactic.
6. Exploit the Zeigarnik Effect
The Zeigarnik Effect says that people remember incomplete experiences better than they do completed ones. This is because when a task is seen as completed, it can be filed away as a memory, but if it’s incomplete, then it remains at the front of your mind.
This is a boon for designers creating landing pages because we can create a situation where the potential customer begins an onboarding process and is aware that it hasn’t been completed — they might need to verify their email address, for example.
The lack of completion keeps the landing page and the product or service fresh in the potential customer’s mind. So when they see that onboarding email, they’ll use it.
7. Proof
Anyone can put up a website. It’s easy. And as a result, potential customers don’t necessarily trust you.
One way you can combat this is with some form of proof. That may be in the form of official certifications, or featured testimonials, or just independent reviews.
It rarely occurs to potential customers that you’re cherry-picking the testimonials and reviews you’re choosing to display, so even if only some of your reviews are good, it’s worth including them.
But be careful not to sound too good. If you post nothing but 5* reviews, people will smell a rat; that 3* review may actually do you a favor by making the 5*s seem more genuine.
8. Predictive Images
Potential customers lack imagination, they don’t have all the facts, and unless your product or service is very basic, they may not fully understand what the product does for them.
Use images to quickly show them what life may be like using your product or service. Paint an appealing picture. If they can see themselves in the image, they’ll grant you a little more time to persuade them in the form of further content.
9. Continuity
How did the potential customer arrive at your landing page? Chances are it was via a PPC link, or if you were lucky an organic search link. However they arrived, they were in a certain frame of mind, with a certain problem they wanted to solve; they aren’t going to take kindly to being diverted onto a different train of thought.
Your landing page has to match the tone, style, and value proposition of your adverts. The potential customer’s experience of your organization begins with the advert, not the landing page, so make sure that you don’t break the spell. If your landing page doesn’t match your advert, you could lose the potential customer altogether — and increase your bounce rate while you’re at it.
Remember: the customer was attracted by something in your advert, so give them the same attractive qualities on your landing page.
10. Drop the Nav
Most sites have a single main menu and a rich footer with links to customer service, contact pages, and so forth. These are detrimental on a landing page because you’ll leak traffic to other, less-focused parts of your site.
Your landing page is a streamlined selling machine. The only link you want on the page is your CTA.
It’s fine to keep legal text and even links to privacy policies — users rarely click those anyway. You can also link to your homepage using your logo. But don’t add any navigation that invites a click, or you’ll dilute all the work you’ve put in.
https://ankaa-pmo.com/wp-content/uploads/2021/04/10-elements-of-landing-pages-that-convert.jpg14082560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-04-28 16:45:452021-04-28 16:45:4510 Elements of Landing Pages That Convert
This month’s collection contains a combination of big and bold, and clean and minimal. Although basic minimalism is still trendy, with lots of white space and greyscale type, we are seeing it softened with color. This is implemented differently, ranging from hints of off-whites in images to gentle pastels as section backgrounds.
Playing around with type and using typefaces with a few characteristic quirks is another way minimalism is being tempered without negating the overall effect. Plus, we’ve got some strong examples of type rules being deliberately broken to good effect. Enjoy!
Crusta C
The new website for seafood company Crusta C makes clever use of the company’s simple logo mark ‘C’ with a cutout video effect.
How Many Plants
How Many Plants is a guide to house plants and how to look after them. A good combination of illustration and space gives a friendly but efficient feel.
Out of the Valley
Out of the Valley, make bespoke and prefabricated cabins focusing on natural materials and traditional craft. The subtle changes in background color add warmth to the minimal layout.
Saskia Wilson
Portfolio site for photographer Saskia Wilson. This is absolute simplicity, with a clear grid and nice, bold type to bare minimum text.
Made Thought
Design studio Made Thought has some pretty prestigious clients; for a designer, it doesn’t get more prestigious than creating a new brand identity for MoMA. Their bold aesthetic and approach explain their success.
The Great Lake
For-fun sites like The Great Lake are a great way for web creatives to show their skills. This one from designer and front-end developer Anna Sherruble is visually appealing and has some informative content.
Acayaba + Rosenberg
Architects Acayaba + Rosenberg use carefully curated photography and subtle scrolling animation to pull the user in and create a pleasing browsing experience.
Omexco
Soft colors and a well-ordered grid recreate the feel of a mood board that prevents this site for Omexco from appearing cluttered and overly busy while showcasing multiple products.
Johan Belin
For his own site, digital creator Johan Belin has opted to show off his skills by creating this single-page site instead of simply showing work. This can be a risky tactic, but it works here.
La Nouvelle
A combination of contrasting and complementary color combinations creates freshness in this site for digital agency La Nouvelle.
Found
Found Studio’s website uses a very basic grid layout to allow the work to stand out; varying the typeface, weight, and style within sections of text creates individuality.
CKMS
CKMS is a design and build company. Their site is minimal but with a few nice little touches, like the background color change button in the bottom right corner.
Slow
Slow is a collective of people–largely artists, designers, artisans–aiming to implement and live by the slow movement principles. The design of their site reflects these aims, creating a sense of calm and deliberation.
Anne Frank House
Practical information for visiting the Anne Frank House and museum is combined with historical information and educational resources in this thoughtfully structured and visually engaging site.
Runway
Runway is a platform for publishing open-source, pre-trained machine learning models, as well as for training your own models aimed at artists and filmmakers. If this site aims to make the user want to try Runway, it succeeds.
Fat Free
Fat Free video branding agency add warmth to their minimal site with soft color and occasional illustration.
Pinch
The furniture and other interior products produced by Pinch Design aim for a quiet, elegant aesthetic, and their website reflects that with pale grey and generous spacing.
Sentempo
Digital studio Sentempo manages to achieve glossy without being overdone. The star dividers are a nice detail.
One Year
Many companies, including creative agencies, have come up with ‘what we did/achieved in the last year’ microsites. This one from Context Creative succeeds as a good advert for them.
GT Super
This single-page intro to GT Super font has a certain drama in keeping with the font itself and allows you to play around with the size, weight, and style of the font in most sections of the text.
https://ankaa-pmo.com/wp-content/uploads/2021/04/20-best-new-websites-april-2021.jpg14072560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-04-26 16:45:252021-04-26 16:45:2520 Best New Websites, April 2021
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!
https://ankaa-pmo.com/wp-content/uploads/2021/04/popular-design-news-of-the-week-april-12-2021-april-18-2021.jpg14082560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-04-18 16:45:242021-04-18 16:45:24Popular Design News Of The Week: April 12, 2021 – April 18, 2021
Have you ever wondered why we’re so amazed by motion? A moving image is more likely to grab your attention than a static one. Motion is exciting and attention-grabbing – plus, it allows us to access more information in a short space of time.
For a while now, companies have been experimenting with all kinds of motion and animation in their design choices. We’ve seen the rise of animated website backgrounds or live-playing videos instead of images on a home page. There are videos and 360-degree pictures on product pages to help people get a better view of certain items and immersive AR experiences on apps.
So why has the power of motion not made its way into the logo design landscape yet?
Sure, there are a few examples of animated logos out there, but they haven’t had the same long-lasting impact as animated websites. Perhaps that’s because people don’t have the right tools to bring their animated logos to life?
Today, we’re going to cover some top tips for live logo design.
1. Understand What “Live Logo” Means
An animated logo or live logo can be a powerful tool in a company’s branding strategy. Although there’s more to a company’s identity than its logo, it’s fair to say that logos make a huge difference to how we feel about brands and their identity.
A powerful logo can make an emotional connection with your target audience and help your brand to thrive in virtually any environment. Live logos, or animated logos, bring more attention to the brand image, by helping a customer to focus on the logo’s action. A live logo might tell a story about what the business does through motion, or just be eye-catching.
The level of animation varies depending on the designer, but it can go all the way from a short video presentation to a few simple moves. The Skype logo is an excellent example of something simple, that multiple designers have played with to great effect.
Today, there are plenty of open-access tools helping to create more immersive animated graphics in the logo design world. Additionally, the types of animation available are becoming more impressive all the time.
2. Explore the Types of Logo Animation
The next stage of properly leveraged live logos, is knowing what kinds of logo animation are available. There are plenty of different styles of animation to explore today, depending on the kind of impact you want to have.
For instance, sometimes the animation you choose will be connected to your business. A vehicle company might have a logo that seems to “drive” into the central space on the screen. An electricity company might choose a logo that pulses like an electric charge. This animated FedEx logo is an excellent example of how animation can show what a business does.
Options for animation might include:
Rotation: Make an emblem stand out by moving it to the sides or allowing it to move on its axis. Rotation gives a logo a sense of 3D space.
Appearance/Disappearance: You can make a logo grow on the screen by bringing to life one pixel at a time, or have it dissolve and disappear in a similar way.
Transformation: Your logo doesn’t have to start out in the shape it’s going to achieve. You might start with a seed that gradually grows into a tree-shaped logo for a gardening company, for example.
Replacement: Another great way to tell a story is to replace a graphic related to the company in question with the logo through an immersive animated experience.
3. Set Goals for the Live Logo
If you’re not sure what kind of animations to experiment with, then it’s a good idea to start with some solid goals. Your goals will give you a direction to move in with your logo choices. An animated logo can be a dynamic and modern way to present a brand to an audience, but it’s only going to be effective when implemented carefully.
Let’s look at some of the goals you can choose for your live logo:
Differentiation: While it’s true that animation and live content is gaining more attention lately, it’s still relatively new as an overall concept. With an animated logo, you could help a brand to create a more unique image for themselves, which sets them apart from the other organisations in the same space.
Storytelling: As mentioned above, animated logos can tell a story about what the company or product actually does. In this example for Firefox, for instance, the logo mimics a loading wheel to demonstrate a speedy internet browser.
Brand awareness: Dynamic logos and animations are more likely to capture your audience’s attention than static images. They’re also more of a novel experience, which means that customers might want to share them with other people too.
Memorability: Today’s customers are bombarded by hundreds, if not thousands of logos all the time. They need something special to convince them that one image deserves a spot at the front of their mind. Animation can help to make a business more memorable.
4. Do Your Research
Doing your own research is an excellent way to get some inspiration for a live logo or animation. Ideally, you’ll want to focus on the industry you’re already working in, as this will give you some guidance as to the kind of movement that can attract the most attention from the correct audience.
Watch as intros to brand videos and check out as many live logos as you can. Check out the kind of animations that people use in their videos when they’re showcasing products online. You can learn a lot about what works just by evaluating what other people have done before. Just be careful not to simply copy what you’ve found elsewhere.
The aim of your live animation should be to tell a unique story about the company
The aim of your live animation should be to tell a unique story about the company in question. If you’re not sure how to start with differentiating the image, check out the brand guidelines for the company in question. The guidelines that the company used to choose the right brand colors, fonts, and other visual assets can work just as well for your animation strategy.
Remember, the aim here is to tell a specific story, send a message, or evoke a certain emotion. Don’t make the mistake of designing something that looks cool but doesn’t have much of a purchase. Most human beings will naturally look for the meaning behind the content that they see. If there isn’t anything there, it’ll just lead to confusion.
5. Use Live Logos on Brand Websites
The most obvious way to begin experimenting with animated logos in web design, is to implement live logos into a client’s website. Some companies have a “welcome screen” for their site which uses an animation to introduce visitors to the home page and other navigation options. There are also brands out there who love the impact that animation can have but want to use it more subtly.
In these cases, live logos can be an excellent way to draw the eye to a specific spot on a website, perhaps the area just above the “contact” button that encourages a client to reach out. Crucially, to avoid weighing down the website and distracting visitors, companies and designers will need to make some important choices.
Although it might be tempting to keep the animation looping at all times, just in case someone misses the first round, this requires a lot of extra processing power. Too much animation also makes it harder for businesses to push the focus of their visitors to other points on the website, like landing pages for products, or testimonial pages.
Often, as with most innovative decisions in web-design, the best bet is usually to start small and work your way up. Don’t over-do it with animation on day one. See how the visitors to the website respond first.
6. Find the Right Balance
Animations in a live logo are there to grab attention quickly, and effectively. They shouldn’t go on for too long, or you risk overwhelming your audience before they have a chance to browse the rest of the website or check out other content. A live logo should only be active for a few seconds at most, and in that time, it needs to say something valuable.
Often, the best strategy is to start by building up curiosity, and getting your viewer engaged so that they’re keen to see more. Every frame will count to pull the customer in and make them feel connected to the brand in question.
Make sure that the logo animation is dynamic so that it doesn’t just capture the attention of the viewer but maintain their interest for the full time required. During the motion, the viewer’s brain should be working to figure out what’s going to happen next.
Just like most logo design and graphic animation strategies, the key to success is finding the right balance between clever experiences, and simplicity. You want to do something meaningful that earns your viewer’s attention, but you need to compete with the fact that attention spans are plummeting all the time.
7. Explore Logo Animation in Video
One of the best ways to use logo animation, is to draw interest for a company at the beginning of a video. Video is gaining incredible levels of popularity lately, particularly in a world where you can view video content almost anywhere. Companies are adding videos to their product pages, social media accounts, applications, websites, and so much more .
For the majority of companies, a live logo at the start of a video can help their brand to seem more professional. It’s a reminder to viewers of the brand that they’re learning about with that video content. Plus, a logo at the beginning of a piece of video content can also build on the consistency that companies attempt to create by using the same brand assets in various mediums online.
(Starting a video with an animated logo is great for presentation, but it can also be frustrating to customers in certain pieces of content where they’re looking for quick answers to questions. If an animated logo is more than a couple of seconds long, it may be better placed at the back of a video instead.)
With videos for news reports or announcements where you want to get straight to the point and generate excitement about a new product or service, it can be better to jump straight into action. Ending a video with a live logo keeps the brand image front of mind for the customer for longer, even after the message has ended. On the other hand, ending a video with a logo could increase the chances that customers miss the animation, because they click away from the content too quickly.
If you’re new to adding live logos into videos, consider experimenting with different strategies to see which works best. Different companies might get unique results.
8. Bring Logo Animation to the Real World
Another interesting option for live logo design, could be to step outside of the computer screen for a while. In today’s digitally transforming landscape, it’s becoming more common to see the real and digital worlds converging. Most events and trade-shows come with presentations that rely on digital content, like animated presentations and slide shows.
Depending on the signage solutions available at industry events, companies could even use an animated logo above their booth to draw attention in a cluttered environment. Around 48% of exhibitors agree that a more eye-catching stand or booth is often the most effective way to attract visitors and customers at an event.
Animation and live logos may have started life on the computer screen, but they can appear in much more diverse environments today. Offices could use a live logo in the reception room or lobby to make their on-premises environment more appealing. Retail locations could display ads on digital signage, followed by live logos that work to both separate messages, and keep shoppers entertained when they’re enjoying the bricks-and-mortar experience.
9. Include Live Logos in Brand Signatures
Remember, a live logo doesn’t just have to sit on a company’s app or website until someone discovers it. Sometimes, the right logo can also be a powerful way to “sign off” on a message from a brand or its management team. For instance, email remains to be one of the most valuable tools for business marketing and customer relationship building today.
It’s the third most influential source of content and news for a lot of B2B audiences, and yet, most companies aren’t taking full advantage of what their email marketing software solutions are capable of. If you can display gifs and animated videos in an email (which most software solutions can), then you can also add a live logo to the brand signature.
The important thing to remember is that if you’re going to be adding a signature to a lightweight thing, like an email, it needs to be lightweight too. Don’t make the live logo too long and complicated, or it might prevent the email from loading properly.
Outside of email, don’t forget to consider options for live logos in things like social media profile pictures too. According to experts, around 80% of companies use visual assets in their social media marketing. A live logo is a great way to go beyond the basics with a company’s imagery. Motion grabs attention, and video content is quickly gaining steam on a lot of social media platforms.
Embracing a New World of Live Animation
Designers are only just beginning to scratch the surface of what’s possible with animated logos. For many companies, live logos are an excellent way to capture audience attention and encourage engagement with a brand.
A live logo at the beginning of a video, at the start of an app loading screen, or even at the top of a website can differentiate a company and make them stand out. As technology continues to evolve, and customer expectations continue to expand, the options for live animation could continue to grow. You might even be able to infuse live logos with elements of VR and AR, to impart brand essence in a brand-new digital world.
If you haven’t begun experimenting with live logo design yet, now could be the time to start.
https://ankaa-pmo.com/wp-content/uploads/2021/04/9-tips-for-better-live-logo-design.png15292780Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-04-14 16:45:092021-04-14 16:45:099 Tips for Better Live Logo Design
Web design is an ever-evolving field. Those of us that have been in the industry a long time (i.e., six months plus) have seen the launch of more products, the establishment of more ideas, and the promise of more growth than most industries see over a whole career.
While the tools we use, the terminology we employ, and the goalposts we shoot for are constantly changing, core skills are transferable and long-lasting and will ensure you not only survive in the industry but thrive in it.
These skills are characteristics that you can learn, that will help you grow in 2021, 2022, and beyond.
1. Decision Making
Life is a series of decisions, from which pair of socks to wear to which crypto to store your life savings in. Each of us has a finite amount of decision-making fuel in the day — the more decisions you make, the sooner you reach decision fatigue.
Most people burn their decision-making fuel by second-guessing themselves; they make a decision and then remake the same decision over and over as doubt creeps in.
The ability to make a decision, and stick to it, separates those people who still have the fuel to make strategic decisions after close of business and those people who can’t decide what to have for dinner.
2. Clarity of Purpose
It’s never a bad idea to brush up on design fundamentals. From color theory to typography to UI and layout, these core skills are not only beneficial to your design practice, but they help you think about design on a higher level.
Too often, designers fail to see the wood for the trees, focusing on the project at hand instead of a wider picture. The wider picture doesn’t mean your portfolio; it means the whole history, culture, and design context.
Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth
Despite the term, design fundamentals aren’t universal; they’re personal to you. For example, should you pair a script with a serif? Your answer is probably, “it depends” because you’re an awesome designer; my answer is “no,” because, for me, that is a design fundamental.
Design fundamentals can be limiting, but by providing default answers to common questions, they also free you to consider larger questions about what you’re doing and why, which leads to clarity of purpose.
Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth.
3. The Holy Trinity
The holy trinity in web design is HTML, CSS, and JavaScript. Learn what they are and what they do.
You need to understand them well enough to hold an intelligent boardroom-level conversation about them. You don’t actually need to know how to code them — although I’ve never actually met someone who knew enough about their roles to hold a strategic conversation, who didn’t also know how to code them from scratch.
I’m not talking about frameworks, libraries, or the latest build tools. Those things are just macros for coders. I’m talking about understanding the building blocks of a site, so if someone asks you whether you really need the company logo in the site footer, you can answer, and back your answer up with facts.
4. Simple Presentation
No matter what field of design you’re in, you’re going to need to present your ideas to someone who doesn’t share your knowledge. Whether you’re explaining the basics to a client or explaining your decision-making to a colleague, presenting your ideas simply is the best way to be heard.
a pitch is most effective when you exclude extraneous detail
Often, a persuasive presentation utilizes the less-is-more approach. Just as a design is finished when you’ve removed everything unnecessary, so too a pitch is most effective when you exclude extraneous detail.
Often you’ll find metaphor useful, especially if you have a passing knowledge of the person’s own area of expertise because it translates a concept into a format the person understands and is comfortable with.
“We should…because it will improve [a metric] by approximately…%” is often the most welcome language. If the person you’re selling your decision needs more detail — and they probably don’t need to know details, that’s what they have you for — they can ask.
5. Strategic SEO
SEO (Search Engine Optimisation, for the two people in the world who don’t know what that acronym stands for) is a vast field with as many sub-divisions as there are UX job titles.
There are various branches of SEO that a site needs to consider. Technical SEO is the stuff that coders do; if you’re not a coder, you can ignore that. Content SEO is the stuff that marketers do; if you’re not a marketer, you can ignore that. Strategic SEO is a macro-view of a site’s plans; everyone on every project should understand strategic SEO.
Strategic SEO covers topics like landing pages, single-page sites, whether a blog is necessary, how, if at all, social media is employed. Strategic SEO feeds all other branches of SEO. It is so fundamental that it informs the earliest decisions about a site. If you want to do more than make things look pretty, learn more about strategic SEO.
6. A Second Language
You’ve probably noticed by now that the web extends beyond your town limits. It’s a global force, which means billions of people who don’t speak the same language.
If you’re not a native-English speaker, then it’s a no-brainer to learn a little English. You don’t need to be fluent; you certainly don’t need to be poetic, but the vast majority of documentation, GUIs, blog posts, forums, conferences, and the Web itself are in English, and translation code only gets you so far.
If you are a native English speaker, then learn something relevant to your region or the industry you specialize in. It doesn’t really matter what you learn; picking up a language, and culture, makes you a more rounded human being. And provided you don’t pick something obscure, you’re opening yourself up to millions or even billions of users you were previously missing out on.
7. Saying, “No.”
It doesn’t matter whether you’re a freelancer sofa-diving for spare pennies to meet the rent or a seasoned in-house designer with targets to meet; everyone struggles to say, “no.”
The fear is that if we decline a project, or a feature request, that we won’t be asked next time; eventually, we’ll be passed over for all projects until we have no career left.
The problem is that we only have so many hours in a day. If we do too much, we end up doing it badly, so there have to be limits. Every time you say “yes,” you’re increasing the chances that you will have to say “no,” to a future opportunity that’s great for you.
By all means, decline gracefully. Do it politely. Be kind. Offer to refer the client elsewhere. But it’s better to say “no” than to have to say “no” to the perfect project because you’re over-stretched.
https://ankaa-pmo.com/wp-content/uploads/2021/04/7-skills-you-need-to-thrive-as-a-web-designer-in-2021.jpg14072560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-04-07 16:45:592021-04-07 16:45:597 Skills You Need To Thrive As A Web Designer In 2021
Everyday design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!
https://ankaa-pmo.com/wp-content/uploads/2021/03/popular-design-news-of-the-week-march-22-2021-march-28-2021.jpg14082560Service comm.https://ankaa-pmo.com/wp-content/uploads/2017/04/Logo-Ankaa-engineering.pngService comm.2021-03-28 12:45:262021-03-28 12:45:26Popular Design News of the Week: March 22, 2021 – March 28, 2021
Paramètres des cookies et politique de confidentialité
Comment nous utilisons les cookies
Nous utilisons les cookies pour nous faire savoir quand vous visitez nos sites Web, comment vous interagissez avec nous, pour enrichir votre expérience utilisateur et pour personnaliser votre relation avec notre site Web.
Cliquez sur les différents titres de catégories pour en savoir plus. Vous pouvez également modifier certaines de vos préférences. Notez que le blocage de certains types de cookies peut avoir un impact sur votre expérience sur nos sites Web et les services que nous sommes en mesure d'offrir.
Cookies essentiels sur ce site
These cookies are strictly necessary to provide you with services available through our website and to use some of its features.
Because these cookies are strictly necessary to deliver the website, you cannot refuse them without impacting how our site functions. You can block or delete them by changing your browser settings and force blocking all cookies on this website.
Cookies Google Analytics
Ces cookies recueillent des renseignements qui sont utilisés sous forme agrégée pour nous aider à comprendre comment notre site Web est utilisé ou l'efficacité de nos campagnes de marketing, ou pour nous aider à personnaliser notre site Web et notre application pour vous afin d'améliorer votre expérience.
Si vous ne voulez pas que nous suivions votre visite sur notre site, vous pouvez désactiver le suivi dans votre navigateur ici :
Autres services
Nous utilisons également différents services externes comme Google Webfonts, Google Maps et les fournisseurs externes de vidéo. Comme ces fournisseurs peuvent collecter des données personnelles comme votre adresse IP, nous vous permettons de les bloquer ici. Veuillez noter que cela pourrait réduire considérablement la fonctionnalité et l'apparence de notre site. Les changements prendront effet une fois que vous aurez rechargé la page.
.
Paramètres de Google Webfont Settings :
Google Map :
Vimeo et Youtube :
Politique de confidentialité
Vous pouvez lire nos cookies et nos paramètres de confidentialité en détail sur la page suivante