Articles

Few fonts in the world have become a part of the cultural landscape that they have an entire documentary film and a MOMA exhibition made about them. Helvetica, however, is different. It has been the go-to font for everyone from government agencies to hip pop-up shops whenever clean and modern text is called for. It has become so much a part of our daily lives that it has created a long list of detractors. 

It is strange for a humble font to be so used and so hated at the same time. Is Helvetica the font that symbolizes hip, cool and modern? Or is it a ’60s anachronism loved by boomer designers that deserves to go the same way as the 8-track and gasoline?

Birth of a Legend

Helvetica is the Latin word for Switzerland, the birthplace of this font. It was created in 1957 in the middle of a boom of fonts created by Swiss designers that today is known as the International Typographic Style. It was the handiwork of two designers, Max Miedinger and Eduard Hoffmann. 

They designed this simple sans-serif font to be — ironically enough, given today’s divided opinions — a neutral font. It was modern, in the popular style, but simple, dense, and legible. It was something that could be put on a sign and easily be read from a distance. 

Helvetica represented a clean break from the fonts that came before. The designers upended the more formal and intricate serif fonts of the 19th and early 20th centuries with bold, clean simplicity. Perhaps it was a product of a new era, maybe it defined a new era as it went, but Helvetica was a revolution in font design. 

The new font was an enormous hit. One of its earliest fans was the United States Government, who put it everywhere from the sides of space shuttles to agriculture policy reports. The European Union went so far as to require its use on all health warning information. In addition, the font spread to languages as diverse as Khymer, Urdu, and Korean. 

The font was initially cast in hot metal typeset and has been altered and redesigned as the world and printing technology have changed. There have been several updates, all modifying the original design to exaggerate or change the font for greater legibility, particularly on computers where many claim the font falls short. And as with anything popular in the design world, the number of imitators and ripoffs far exceeds the scope of the original.

Where Helvetica Stands Today

Today in the 2020s, despite now being old enough to qualify for a pension, this font is everywhere. Why, though, is something so ubiquitous so controversial among designers?

Any style that becomes the ‘next big thing’ will attract critics, particularly if that ‘next big thing’ sticks around longer than expected. For some, the International or Modern fonts era is simply a piece of history. Not unlike the art or architecture from those eras, the pieces are lovely to look at, but it has been done. To continue it now would be imitation, or worse, a lack of imagination. 

Why the Haters Hate

For some critics, Helvetica has fallen victim to the banality of overuse. The day the US Department of Agriculture decides it loves a style, that style is officially uncool. Too many ‘squares with no taste’ have decided that Helvetica represents what must be cool, so the people in the know reflexively reject it. The trend makers define their role in the art world by being avant-garde and neophilic. They have to use the next new thing before anyone else or their tenure as a trend maker is finished. For these critics, Helvetica isn’t bad per se, just old and worn out. 

Lastly, there is the ever snarky group of critics who have come to loathe Helvetica for what it represents: boring corporate design. Helvetica became the darling of every group of people who wanted to give the image of clean modernity. It’s a boring choice, uninspiring, damn near default. It makes designers look lazy, their work stale. Helvetica’s success in becoming a near-ubiquitous font has made it too much of a default to be cool.

Why Helvetica is Well Used and Well-Loved

There are an equal number of fans for every salty critic who has come to dislike Helvetica. Those who favor the font love that it is true to its design, simple and legible. For a government agency or large corporation, it is clean and efficient. It is stylish enough to give a little life and flavor to the publication but is subdued enough to show professionalism and erudition. 

The font’s connection to the Modernist and International era can be appealing to others. Some styles retain their popularity throughout the years, seen as cultural hallmarks and high points of culture and expression. Helvetica was a product of an optimistic age where the dense, dark expressions of the past were replaced with light and airy styles. These looks have fluctuated in public opinion but have never totally gone out of style. This enduring appeal has kept Helvetica in many designers’ good graces. 

Finally, many fans like it because they have been steeped in its use so long it has become part of their style. From the original modernist era designers to the students they taught, and now their students’ students, it was a look many incorporated into their own style. All designers are products of their education and stand on the shoulders of previous generations; Helvetica has been such a part of the design landscape that many people have made it their own. Perhaps this was conscious, perhaps unconscious, but either way, many cool new designers at the forefront of new styles still choose this font to express text in their works.

Cliché or Classic

Perhaps in a twist of ironic fate, the two designers of Helvetica aimed to create a font that would be, in their words, “A neutral font that should not be given additional meaning.” This clean neutrality was a goal worthy of anything named after Switzerland. And this might very well be the true source of division; it is a plain, clean font into which all designers can place some or no meaning. It is a blank canvas, and just as any blank canvas hung in a museum, it would attract positive and negative opinions by its very nature. 

To call it a cliché, or classic, though, is Helvetic’s conundrum. It is undoubtedly classic, and its rampant overuse causes it to stray pretty far into cliché territory. The strange situation it finds itself in is that it seems to exist as both cliché and classic at the same time. It has become a default but a beautiful default.

Helvetica is everywhere, and like anything that is everywhere, it is both divisive and ignorable. Either way, love it or hate it; it isn’t going anywhere. 

Source

The post Helvetica: Overused Cliché or Modernist Classic? first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Most of us are concerned about our public image, right? It matters a lot how people see and think of us. Export the same sentiment to a brand instead of a person. That’s what brand reputation is all about!  

Yes, it’s that simple – the public’s perception of a brand constitutes its brand reputation. And since the internet plays a significant role in public perception nowadays, a brand’s online reputation essentially drives brand perception.

If we come at it from a slightly different angle, it’s the sum of all ideas and emotions a customer or client associates with a brand while interacting with it at any stage. It includes everything, from what kind of customer services they get when purchasing goods or services to after-sales services the company provides. Reputation management is usually done via social media, emails, and online chats.

(Remember, you shouldn’t confine brand reputation only to a brand’s customers or end-users. It includes all stakeholders’ opinions of a brand. It can be anyone from customers to retailers and shippers to manufacturers.)

In short, brand reputation is the most vital intangible asset for any organization striving to make it big in today’s cutthroat market.

What’s The Importance Of A Strong Brand Reputation For Today’s Businesses?

It wouldn’t be wrong to say that nothing affects every stage of the marketing and sales funnel, like a brand’s reputation. Whether it’s awareness, interest, evaluation, commitment, sales, or reputation, a strong brand reputation will only supplement it.

Recent research reveals that about 94% of consumers say that their likelihood of frequenting a business increases if it has positive reviews. Conversely, 92% say that their chance of patronizing a business decreases if it has negative reviews.

Now, let’s look at various factors that make working on your brand reputation important.

Market Trust

Strengthening brand reputation earns your business the trust factor, making your brand a more viable choice for existing and prospective customers. It helps them place their faith in you, believing that your brand is here to thrive and fulfill any promises it makes.

Moreover, it’s a fact that people prefer buying goods and services from a brand that enjoys a solid reputation, especially if people in their social circle use its products.  

Higher Sales

You can’t be far from the truth if you believe brand reputation only yields intangible business gains. It lends you tangible improvements as well, most importantly, in the form of higher sales volume, which translates as higher profits.

All this can’t be achieved without the push from a strong brand reputation, helping the brand carve a niche for itself amongst tough competition.

Customer Loyalty

When a brand succeeds in earning a higher trust level and a positive reputation, the customers are more likely to remain loyal. And, will continue to buy products and services from it, refuting various incentives by the competition, such as discount packages & low prices.

Customer loyalty also leads a brand to a host of other fringe benefits, i.e., demanding a premium price after some time.

Competitive Edge

One thing is for sure, the level of competition in the market is always going to soar higher and higher. And it’s almost impossible for a business to make its way through it without a competitive edge. That’s where a positive brand reputation can make a business’s life easier.

Having the edge over the competition means your potential for catching new customers increases exponentially, helping your brand claim more of the market share.

Word of Mouth

Happy customers remain one of the most significant assets of a brand, especially in this digital era. They serve as brand ambassadors, and if they’re happy and satisfied, they’ll pass the word on, advocating for the brand for free.

It not only leads to increased brand awareness in the market, but it also paves the way for a business to improve its sales and profit margins over time.

What Are The Best Strategies For Managing Your Brand’s Reputation Online?

We’ll keep our focus on the ones proven to be the most effective, starting with:

Staying Ahead of The Curve

Being proactive is among the primary requisites for today’s brand managers. They should be thinking ahead of their competitors and the target audience. While branding online, the margin of error is relatively low, and any slipup can lead to a ripple effect in nullifying the brand’s positive image.

The best way to cope with such a situation is to embrace the mistake quickly and be upbeat enough to resolve the issue immediately rather than have a wait-and-see attitude.

Be Specific About The Deliverables

Social media has played a phenomenal role in educating today’s customers, making them very intelligent and demanding at the same time. It has opened up infinite mediums and channels to get alternatives for almost everything.

That’s why brands need to be very specific in delivery time and after-sales services to avoid earning themselves a bad name in the market. Most experts recommend the “under promise and over deliver” approach to avoid disappointing your customers.

Establish Yourself as An Authority

If you have complete faith in your offerings as a business, knowing that you’re the best in the market, you better be loud and clear about it. It will help you catch immediate attention from your target audience, increasing your brand awareness and your potential to bag more sales and revenue.

Let’s talk about the quality of the product as an example. If you believe that the quality of your product is the unique selling prospect, you must let people know about it. Flaunt this factor with full force, vigor, and authority.

It will help you establish your brand in the market as an authority, and your target market will start looking up to you for the best and the latest on it.

Be Consistent and Assertive

As they say, consistency is the key. If you do it right, your brand reputation will go beyond the lifespan of your brand. People will relate to your brand positively even after your business shuts down.

However, this demands the next level of consistency from your business. You have to make sure you deliver your best in all aspects of branding your business, from the quality of the products and services to the level of customer service you offer.

It doesn’t work well if you outperform your competition by miles for the first time and then step back from delivering those high service standards. You roll your sleeves up and get to compete yourself if you believe you’re outdoing your competition so well.

Deliver on Your Promises

You cannot overstate the significance of delivering on your promises if you want to make the most of your brand reputation. Nothing brands your business better than a bunch of happy and satisfied customers.

And, delivering on your promises consistently is the least of what you need to do to win over your customers to the level they turn into your unofficial brand ambassadors.

Value Feedback

It would be best if you realign your thinking this way. 

Who are you producing your products/services for? Your clients/customers, of course!

What if it’s not working well for them?

Redo your product/service to the requirements and likings of your customers. Otherwise, your business will earn you nothing but a bad name in the market.

You have to realize the importance of listening to your customers, gathering customers’ opinions about what’s not working for them and what areas they would like to see improved. 

Learn to accept and respect your customers’ grievances, praises, issues, tips, or any feedback they give you about your product or service.

You’ll upscale your brand’s reputation considerably if you start doing this.

How Can Influencer Marketing Help You Grow Your Brand’s Reach

Influencer marketing is the concept of branding your business through influential people and opinion leaders in the industry rather than engaging your business directly in doing so. They also brand indirectly, setting a practical example rather than advocating verbally for it.

Research reveals that 94% of marketers using influencer marketing find it highly effective, potentially increasing the ROI 11% times higher than conventional marketing.

Brands that indulge in influencer marketing associate themselves with influential personalities resonating with their message, driving it across their target market in a manner that a large number of people develop an affiliation toward it.

Influencer campaigns help brands tap into an existing community comprising their influencer’s dedicated followers, compelling them to tilt toward a brand they use. Most of us have observed how renowned YouTubers, Tiktokers, and bloggers proactively advertise different brands to their followers.

The increased penetration of a rapidly growing number of social media platforms also helps the influencers garner a solid following and significantly impact the communities that follow them.

They are like a part of the family for their followers, who value their opinion and try to imitate them in what they do and how they do it.

Conclusion

With the competition getting steeper every passing day, earning the trust and business of your target market is becoming a challenging task for most companies. It makes branding even more imperative.

Make a great customer experience your top priority, also keeping a focus on the customer and employee retention and customer feedback to establish yourself as a customer-centric brand. 

Though it might take some time, it will surely help you grab your target market’s attention and respect in the long run. Once you achieve that, you’ll see sales and profits soaring accordingly.

 

Featured image via Pexels.

Source

The post How to Build a Strong Brand Reputation first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Whether you’re new to the job or are an experienced designer, the anxiety of a new project can sometimes – often unexpectedly – cause us to freeze in our tracks. This creative paralysis sees us staring at a blank page, unable to come up with ideas, and the knowledge that time is slowly ticking away.

We’ve all been there. So we thought it would be helpful to share our tips and tricks for overcoming the tyranny of the blank page and help you get back to doing great work.

The first thing to know is that you are not alone; blank page syndrome has a basis in science, with a clearly identifiable set of symptoms that consistently occur together. 

The first thing to know is that you are not alone; blank page syndrome has a basis in science

It starts when you become stressed. Stress causes your brain to produce hormones that slow down neural functions, which only serves to increase the feelings of inadequacy over a lack of creative spark – and fuel anxiety. Understandably, this causes a spiral as your mind seems to get emptier and the blank page more threatening.

But don’t fear! Because there are ways to move past blank page paralysis and get back to productivity. 

Just Relax

Once you’re in a negative spiral, it’s notoriously difficult to get out of. The best solution is to avoid the spiral entirely – by starting in the right frame of mind. This means setting up a calm work environment before you even sit down. 

Do your best to avoid major distractions – such as young children who need your attention or colleagues who like to play music that vexes your soul. We’re not saying that you need a sound-proofed home office – the kitchen table might be fine – but schedule your work time for when the kids are at school or with a minder, or work from home if the office is likely to be noisy. A pair of noise-canceling headphones can be handy, too.

Avoid Distractions

Seemingly small things can also get in the way of your work. Chat and email notifications are the digital equivalents of a person calling your name from across a room. Try to avoid or silence anything that stops you getting into the creative mindset, even if you just mute things for a few hours. It’ll help you mentally separate your creative workspace from everything else.

all of those notifications will still be there when you resurface

Ultimately, you need to create a mood that you subconsciously associate with being productive. But even when the space around you is perfect, it can still take a while to get into the zone. Brains don’t just flip into creativity at the flick of a switch, so be kind to yourself. And remember – all of those notifications will still be there when you resurface later in the day. 

Do a Warm-Up

Studies have shown that a blank page is particularly stressful because it makes the task in front of you feel bigger than it really is. Gazing at an empty page is like seeing the whole project stretching out before you. The stress comes from the feeling of having to fill the whole journey, all the way from A to Z.

So don’t start with A! Instead, begin with a warm-up. Just as dancers always start with a series of exercises to warm up their muscles, creative designers can benefit from something similar. You could start by talking things through with colleagues or sketch some ideas using pen and paper, before opening your design app. 

Alternatively, you could start by planning your content hierarchy. You don’t need all the final words – but it can be helpful to work out how many headings you’re going to have, where images will sit, and whether your copy will be in paragraphs or lists. 

By doing this, you’ll have elements to place and a rough idea of their relative importance. It’s easy to get overawed by the importance of actual content – so start by getting a grip on the type, density, and length of content. 

Take Inspiration

The world around us is filled with inspiration and according to an icon designer Yannick Lung:

It helps to observe things in the real world and play around with them.

It can also help to borrow an idea. Obviously, we never condone copying someone’s work, but using existing work as a reference or jumping-off-point can help. Think of it as putting your own twist on an existing idea.

“I sometimes find it useful to reverse engineer a good example of the sort of thing I’m trying to write (and this works for design too). I usually break down a successful example into its constituent parts and swap them out for things more relevant to the project at hand, then refine from there,” says Harvey, one of Sketch’s brand storytellers.

Let Templates Take the Strain

Instead of putting pressure on yourself to instantly start designing, begin by creating templates or wireframes. This isn’t an avoidance tactic. Spending time creating an outline template saves time in the long run – plus, doing practical work that doesn’t need lots of detail will act as a warm-up. It might even help you catch potential issues in your designs earlier. 

Be Collaborative and Welcome Early Feedback

In general, people don’t work well in isolation – so collaborating with colleagues is a great way to get design ideas flowing. At the start of a project, reach out to your colleagues to let them know what you’re going to be working on and set up a session to collaborate on ideas and ask for direct input.

Never wait until the end of a project to ask for feedback. Involving your colleagues in the process early helps counter blank page paralysis and involving stakeholders can help you manage expectations. Aim to get regular and consistent feedback rather than waiting for it – which could cause a delay in your project. 

And of course, you should always choose a design software that enables real-time collaboration so that everyone working on a project can avoid version conflicts.

Avoid Burnout

When work isn’t physical, it can be hard to judge how much it takes out of us

When work isn’t physical, it can be hard to judge how much it takes out of us. If you’re suffering from blank page paralysis, it’s probably a sign that you’re starting to get burnt out. Try setting an alarm on the other side of the room so you have to get up to turn it off regularly – or just scheduling some time into your day to take a break, stretch, or even take a walk. Stepping away from your screen is good for your brain and your body.

In the end, the most important thing to remember when it comes to blank page syndrome is that you have to be kind to yourself. Nobody can be productive 100% of the time – we’re only human, after all. What matters is that you do whatever you need to get your creativity flowing.

 

Featured image via Pexels.

Source

The post Overcoming Blank Page Paralysis first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

This month all of our web design trends have a common theme – imagery. Whether it’s seasonal or just coincidence, there’s a shift in the styles and types of images on many designs right now. One thing that might push these design trends is a relaxation of COVID-spurred rules worldwide or even fatigue from the pandemic.

Here’s what’s trending in design this month.

1. Little Images Everywhere

The jury is still out on whether we love or hate this design trend – tiny images (and videos) everywhere.

The thing that’s nice is there is a lot to see and interact with. The thing that’s challenging is that these designs can feel a bit unbalanced and all over the place.

Most of these designs feature four or more images or videos at a time. That can be a lot for a user to digest when we are accustomed to having just one thing to look at in the hero area.

Those four or more images then include all of the other user interface elements that you would expect on the page – navigation, large headline, secondary text, scroll, or engagement interaction. It can be a lot to decipher.

Tokyu Garden City does it with a mix of still and moving images with sliders and other animations. The images are always changing and moving, and there’s constantly something new to look at with movement at the top and bottom of the screen.

Buro Jantzen takes the tiny image idea to an extreme with ten images on the homepage. And every one is smaller than a postage stamp. There is a cool effect that happens with each image though. On hover, the small image pops into the large black box at a size where you can really see the photo.

Oliver Guy uses a combination of video images on his website, which makes perfect sense for his industry of drone photography. There’s some interesting hover animation happening that allows you to see additional video clips without leaving the homepage. The contrast of small video on the white background makes this design easy to understand.

 

 

2. Big Detail Photography

Photographic details in all their glory. Images and elements that are so in your face that you can see every detail. That’s majorly trending in website design.

Big detail photography and videography is one of those image trends that can be so visually interesting that you can’t look away. It has other benefits, too, such as facilitating decision-making for e-commerce or helping someone better understand what an item is or the overall messaging.

Each of these examples shows something larger than life-size.

Karak creates ceramic tiles. The primary background image is so big and with such detail that it almost only serves as texture for the design. But it is paired with a smaller image and video that pull everything together for a complete understanding. The big detail image is beautiful and exciting and provides an extra layer of information.

Wuillemin Fleuristes features an off-balanced hero image with a large floral detail. What’s interesting about this design choice for a detail image is that it is the only image on the screen and partially obscured by a tinted box and text element. The overall design draws the eye but may leave the user wanting to see a little more of the image.

Horage pushes its watch in your face with motion in a video that zooms the product closer and closer into view. The combination of detailed video with very little text is a bold choice for e-commerce and might work because this item is still in the preorder phase. Detailed imaging is designed to help create a desire for the product.

 

 

3. Big Faces are Back

After two years of not having that many faces in design projects, designers are going big and bold and showing people again.

One of the reasons we haven’t seen as many faces in design projects is because there was concern over how to show people – masked or maskless, alone or in crowds – and it caused more concern than was worth just going another way.

But projects with big faces are back in a major way. And it’s refreshing to make virtual eye contact again.

There are plenty of ways to do it, as outlined in each of these examples.

Glassbox Media uses a full-screen oversized video on the homepage. You can see the subject’s eyes and feel engaged with the person on the screen. She seems happy, and the size and scale of the face make you feel almost like you are in a room with her, ready to have a conversation.

Reamarie uses smaller still images with tight crops to bring you into the faces on the screen. There are more, bigger faces throughout the scroll as well so that the user feels connected to the people and product. Even if an image isn’t super large, a tight crop can make it feel bigger and create the same level of engagement as something that has more size on the screen.

Recruit Holdings Co. uses a trio of people together, happy and smiling, to establish a connection with website visitors. The entire design features similar images throughout and makes you feel like you want to be a part of what they are offering. Note that the people are close together and without masks; that’s a culture shift we are starting to see in a lot of imagery.

 

 

Conclusion

Photography, videography, and image trends can be driving factors for website design projects. The types of images selected can set the tone for projects, relate to brand identity, and help engage users.

Source

The post 3 Essential Design Trends, March 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

No one likes talking about money. Most of us got into web design because we loved it. But the fact is, we’ve all got bills to pay.

If you’re a half-decent designer or a relatively competent developer, then there’s no reason you can’t make a living as a web designer. Here are six simple steps towards earning a living using the skills you already have.

Step 1. Freelance Work

Many individual bloggers and small company owners require websites to reach a larger audience. You might exploit this opportunity to begin a side business as a freelancer.

One of the most efficient ways to start is to look through employment networks and online classifieds. Eventually though, you’re going to need a portfolio. Building your freelancing company website could be your first opportunity to demonstrate your web development talents. As you embark on new projects, this website can display client testimonials that demonstrate your expertise. Ensure that it’s up to date, relevant, and follows current design trends. Also, make sure your website is linked to your social media profiles. 

Even though you are responsible for finding clients, you have a great deal of flexibility: you can choose your working hours and exercise more freedom and creativity. However, you’d still be accountable for your work and have to execute assignments on time to keep your clients satisfied.

It’s also important to remember that you’ll have to keep track of your taxes and other financial paperwork. Furthermore, you would not have a standard employer who will provide you with health insurance and other perks.

Step 2. Specialize

Today’s market offers a wide choice of web design services most suited to our needs. From designing and building custom websites to creating social media websites to managing SEO and PPCs, web design services offer various services. And while it is beneficial to have a general understanding of what all these services entail, it is always good to identify and refine your expertise. Becoming proficient in one aspect of web design will give you more confidence and direction regarding the kind of work you would like to do.

Allowing yourself to land repeat clients specializing in one type of service will make it easier for you to create processes in your business to complete work accurately and quickly. These processes will also help you build a team should you need one.  

Step 3. Networking Effectively

You should leverage social networking sites such as LinkedIn, practical tools for engaging with colleagues and potential customers. Ensure your profile is updated with all the services offered and all talents you deliver. Make sure you include links to any past projects you’ve worked on. There’s also a career board on LinkedIn that can help you avail yourself of many freelance projects. Registering and engaging with relevant organizations can allow you to acquire more visibility.

Freelancers are generally matched with modest design/development assignments through these websites. Although some developers heavily vouch for them, getting work from these websites when you’re just starting may be exceedingly challenging, considering most of your time will be exhausted in securing billable employment. 

Step 4. Start Your Own Blog or Podcast

Blogs and podcasts are an excellent way to organically acquire fresh customers and other relevant parties. A well-written blog is a terrific source of amusement and knowledge for potential clients. Aside from showcasing your services, a blog may be used to earn money in various ways. Once the blog grows large enough, you can incorporate backlinks, ads, or author-sponsored content. Many popular blogs eventually grow into fully-fledged businesses.

When you start a blog from scratch, it can take a long time to see a return on investment. Consider producing freelance articles for a blog with a constant stream of traffic to help you get started. This will enable you to demonstrate your skills while also getting compensated for them. 

Step 5. Work at a Design Agency

Working at a design agency or in-house could be an ideal option if you desire a more traditional job title. It also helps you build your portfolio with larger and more recognizable clients than those you can secure as a freelancer.

Instead of stressing about the management side of things, you can focus on serving clients and constructing websites with this approach. You wouldn’t have to look for new clients, and you’ll get all of the paid benefits that regular employees get. However, you’d have to work under strict supervision and have less creative control over your projects. There will also be harsh deadlines looming over your shoulder. And this procedure will also set a wage ceiling for you. On the other hand, obtaining employee insurance and securing a source of income can be very reassuring.

Step 6. Start Your Own Agency

Once you feel you have enough relevant experience and are confident in your abilities to perform and manage things well, you can start your own agency. It’s like freelance work, but on a much larger scale. The flexibility to employ others to do your work is the fundamental advantage of having your own agency. You can recruit additional designers and eventually recruiters to help you secure clients.

Having your own agency allows you to do the work you want and how you desire. As a general rule, start as a freelancer and gradually create the foundations for your agency as you gain expertise. You can eventually automate the entire process with hard effort and an innovative business plan.

You must actively network with other people in your business and reach out to new clients in addition to working on your skills. If you can create a solid customer base and take measured chances with your chosen projects, you can procure meatier projects and become prominent in the corporate sector.

 

Featured image via Unsplash.

Source

The post 6 Simple Steps to a Career in Web Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

It’s something every design team dreams about – a better design process and handoff procedure. Your design team is not alone if you are looking for a better solution.

Imagine what your workflow would look like if you could forgo the struggles of image-based technology, design and handoff with accurate components that have interactive features. Projects in the design phase will look more like final products and, most importantly, interact like final products. 

Let’s imagine a new design process together.

Challenges of an Image-Based Design Process

Here’s what we all know – image-based design tools provide pictures of components in the visual form but lack the interactivity and conditions that exist in the end-product. There’s not a high level of functional fidelity there, and it can cause confusion among design teams and rework.

These tools require you to redraw the fundamental components and design with boxes and rectangles, which takes too much time and can create a disconnect between the design and development teams. 

Further, you don’t fully maximize the potential of a design system because of inconsistencies between code-powered systems that developers use and these image-based systems for designers. There’s an innate gap between maintaining the environments and creating consistency in components. 

The final and maybe most difficult challenge with an image-based design process is in usability testing. You just can’t test an image the way you can working components. If the prototype is not interactive enough, you lose valuable feedback in the testing process. Functional fidelity is a must-have design and development tool in 2022. 

Iress, market-leading financial software, had many of these same problems in its design system process. You can probably relate to its story, which includes a designer and engineer who aren’t entirely on the same page, hit the deadline and have to deliver, and then get customer feedback. The result was a lot of extra headaches and work. 

But there is a better way: Import all user interface components into a code-powered design system in sync with a design tool so that your team can work in harmony to build, scale, and handoff projects with ease. 

Scale Design With Accurate Components

Here’s what most design and development teams want en route to building products: Accurate components with built-in interactivity, states, and conditions. No redrawing boxes and rectangles; no trying to figure out what states and interaction should be.

And if you can do it with ten times the speed and agility? Now you’re really in business. 

“It used to take us two to three months just to do the design. Now, with UXPin Merge, teams can design, test, and deliver products in the same timeframe,” said Erica Rider, Senior Manager for UX at PayPal. “Faster time to market is one of the most significant changes we’ve experienced using Merge.”

The time and workflow savings come from the ability to maintain only one environment as a product team. Rather than image-based tools, a code-powered design system that will push updates to components as the design evolves is the modern way to work. This workflow can also eliminate duplicate documentation so that your team has a single source of truth for whole product teams. 

Now you can be more agile in the design process and scale. And as Rider hinted at, there is a solution already available in UXPin Merge. 

Scalability with accurate design components has other benefits as well. 

Teams can onboard people faster because the design system is in the design tool. There’s less searching for answers with drag and drop-ready building blocks. New team members will find more success and be more valuable to the team quicker due to fewer inconsistencies and errors. 

Testing also gets a boost as you scale with a single source of truth. You can actually create better usability tests with a high-fidelity, functional version of the prototype, allowing users to leave more valuable and detailed feedback that can improve your product in the early stages. 

Better Handoffs Start Here

As you imagine a better design process, take it one step further. Better handoffs are a goal for most teams. 

An interactive component-based design tool can eliminate the need for multiple iterations of the same meeting to explain how a prototype works. Everyone can see and interact with it for themselves with accurate, true components that ensure the prototype works the same as the product. 

Designers will feel more like their vision is making it into the final product, and developers have a better idea of how to work. Everyone has the exact same components written in code. Thanks to the single source of truth, devs can speed up as they build the product because they start with components that include production-ready code.

A typical design to developer handoff might have multiple steps: Create vector design elements, create a model for interactions, and then send the prototype with documentation. Not to mention the meetings that are required to make sure everyone is on the same page.

In a model with interactive component elements, the developer handoff is fast and easy; they create a prototype with true components and all the built-in properties. The developer copies the JSX code and pastes it into his tool to build the final product. All the component properties and their coded interactions already exist in the source code. This is possible because the source of truth is the code itself, the source code.

Quick Tool Solution and Technical Use

This solution to this common challenge is not somewhere in the future; it’s already here.

UXPin, a code-based design tool, has Merge technology, which allows you to bring all interactive components into UXPin. Then you can use your own, or the open-source library with the ready-made building blocks to get products ready faster.

Here are just a few of the things you can do with Merge by UXPin:

  • Integrate your developer’s storybook to use it as a single source of truth (works for all frameworks)
  • Import design system components from a dev’s Git repository, such as GitHub, Bitbucket, GitLab, or others (works with React)
  • Work with the built-in MUI library
  • Add the npm component package to UXPin on your own (no developer required)
  • Design with the confidence that your work can be ideally reflected by developers
  • Create and share a library of interactive components

Summary 

Say bye-bye to redrawing rectangles – build more accurate prototypes easier and end-products faster with Merge by UXPin.

Now is the time to solve one of your biggest design challenges while upgrading and scaling the design process and improving handoffs. 

Merge by UXPin is user-friendly and made for scalable projects of almost any size. The line between design and development blurs with quicker product release and a fully-interactive solution. Request access today.

 

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

Source

The post How to Scale Your Design Process and Improve Handoff first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Micro-interactions effectively communicate brand identity and ethos while strengthening ties with the customer. These habit-forming tools make for a fun and seamless user experience. Facebook’s ‘likes’ and Tinder’s ‘swipes’ are two classic examples. 

Micro-interactions originated with the need to guide customers who had hit a snag while using a service or a product. The goal was to ease customers into being more product-savvy via subtle reassurance and feedback. Micro-interactions are now employed by everything from washing machines, to coffee makers.

Along with feedback, prompts, and recommendations, they can also present customers with an appealing visual reward upon finishing a task. When used optimally, micro-interactions drastically enhance the navigation and simplify how users interact with sites and apps.

How Micro-Interactions Work

Here are the four structural elements to a simple micro-interaction: triggers, rules, feedback, and loops. Every micro-interaction has a significant component to organize the operational cycle. It lets you control feedback and runs, so the users understand the consequences of their performance and feel motivated to follow through.

Triggers

This feature begins micro-interactions of both the user-initiated (prompted by user) and system-initiated (driven by the system) kind. For example, a click, scroll, swipe, tap, and pull are common triggers that users carry out. So making a payment, booking a cab, and clicking or tapping on the hamburger menu all fall under this category. On the flip side, the user’s alert prompt upon entering a wrong password is a classic system-generated trigger. 

Rules

This element determines what happens after the user sets a prompt into motion via tapping, clicking, scrolling, or swiping. Rules refer to the fact that apps decide the triggers that users employ — Tinder’s ‘swipe’ feature illustrates this point. These rules gradually become a habit-forming action that users get accustomed to while regularly engaging with an app.

Feedback

During this process stage, the system informs the user via auditory, visual, or haptic cues. It engages the users and encourages them to proceed further in their process. For example, the progress bar of a download, the visual representation of steps cleared in a circle, or the visual, aural, and tactile indication upon the success or failure of payment are all a part of the feedback mechanism.

Loop/Modes

This final stage entails tiny meta-rules of the process and determines the frequency and duration. A classic example from an ecommerce app is the ‘Buy Now’ transformed to ‘Buy Another’ Before the user loses interest in the app, the app typically uses such a loop to get them to re-engage with the app. 

How to Use Micro-Interactions

We’ve established that micro-interactions are fabulous, but not every UX interaction on your app or site needs one throughout the wireframe. Overusing this tool could saturate the overall creative experience your design may want to offer. Worse, it might even end up confusing the information hierarchy. It undermines the design and unbalances the user experience of discomfort and irritability. So it’s crucial to know when exactly to use them.

Let’s find out how few quick tips on micro-interactions can elevate and humanize your mobile user experience:

  • Swipe right or left: A signature move made entirely on swiping micro-interaction featured in the famous Tinder app. Swiping is an easier action than clicking or tapping.
  • Call-to-action:  As part of the last step during payment or order, place a ‘Confirm Order’ or ‘Book Now’ prompt, which gives the task a sense of urgency. As a result, having acted on it feels like a minor achievement. 
  • System status: Your app user wants to know what’s happening. System status lets them know they are moving in the right direction and helps avoid confusion. Sometimes, users even run out of patience while uploading a picture, downloading a file, or filling up the registration form.
  • Classic notifications: Users need a quick reminder of products selected/wishlist in their abandoned cart with a reduced attention span. A simple notification can nudge them toward finalizing the purchase. 
  • Button animation: Animated buttons are not only cute, but they also help users navigate the mobile app swiftly. Try out attractive colors, fonts, sizes, shapes, and clipart elements corresponding to the animation and create that cool button to pop up when tapped or hovered on. 
  • Animated text inputs:  A simple process of a likable element like zooming in while entering data into a form or filling up card details for payment can enhance the user experience.
  • Reward an achievement:  Especially true for educational and health apps, micro-interactions celebrating big and small milestones with a badge or a compliment of encouragement can strengthen a user’s engagement with the app. 

Benefits of Micro-Interactions

  • Brand communication: A successful brand ensures that the transmission to the buyer is engaging, positive, and hassle-free. When micro-interactions show a process status clearly, it creates and reinforces a positive image for your brand.
  • Higher user engagement: Experts say micro-interactions engage users better. These tiny elements subconsciously create the urge to keep interacting with your app. For example, each push or nudge notification acts toward redirecting your customers back to your app.
  • Enhanced user experience: From shopping to banking to traveling to learning to staying healthy, there’s an app for everything. A wide range of activities elevates the overall user experience and stays ahead in the game. Micro-interactions can work that magic for your brand. 
  • Prompt feedback: It’s frustrating not to know what’s happening behind the blank screen, especially during a purchase. Instant feedback via visual, sound, or vibrating notifications makes for a pleasant user experience. 
  • Visual harmony: Micro-interactions initiated even with a tap, swipe, typing, or scrolling are all a part of the UX design’s overall appeal. The trick is to keep all the interface elements in perfect sync with the app’s visual features.

Micro-Interaction Best Practices

Here are a few basic principles you should follow when you introduce a micro-interaction to the user experience.

1. Keep it simple, stupid (KISS)

KISS is a famous design principle that becomes even more important in the case of micro-interactions. The goal is to make the user journey delightful and not be a distraction.

2. Keep it Short

It has ‘micro’ in the name itself. But, again, micro-interactions aren’t supposed to be show stars, and a lengthy micro-interaction only distracts the user. 

3. Pick the Right Place

You should always consider the options carefully before choosing the spot for any micro-interaction. The widely used user-interaction designs are popular for a reason. Many people have already approved them, so you can safely continue with them. The use of micro-interaction should also sit well with your brand image. 

See also if the placement of a micro-interaction is reaching your ideal customer or not. And even consider whether you need a micro-interaction to begin with. 

And That’s a Wrap!

As UX designers, we can profoundly impact the overall design of sites and apps, the user’s journey, their interactions with our product/service, their connection with the brand, and the ease of doing a transaction.

We want customers to connect to our brand, love our products, and experience our exceptional customer service. But most of all, we want to earn their trust and loyalty.

 

Featured image via Pexels.

Source

The post Using Micro-Interactions to Drive UX first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Creating and sending business proposals can be a lot of work. However, if you have the right tools and knowledge, you can quickly create and send high-converting proposals that your clients will love. 

This article will explain how to create a fantastic business proposal that looks great and gets signed quickly. Although we’re focussed on design, our tips apply to every industry and type of business.

1. Know When to Talk About Yourself

One of the most common mistakes people make is starting the proposal by talking about themselves. 

You might be surprised to know that clients spend the most time on the introduction chapter, so it’s essential to use it right. You need to set the right tone by explaining to your clients how your solution will help them achieve their goals. 

They want to hear the benefits and feel assured that you’re the best choice for them. If you start the proposal by talking about your company and the values you believe in, you’ll lose the attention of your clients. 

In most cases, the clients have already researched you and know the points you make in your PR releases.

Once you explain your process and the time scales, you can introduce your team and talk about the company. Just make sure it’s short and sweet. 

2. Divide Your Proposal into 6 Sections

Sending a one-page proposal will only confuse your clients and won’t incentivize them to reach out. The best way to format your proposal is to create six sections. 

This should include:

  • Introduction
  • Process
  • Timescales
  • Pricing
  • Next steps
  • Terms and Conditions

You need to showcase what their future could look like if they work with you, listing all the benefits as well as explaining the next steps. You need to write down what happens if they don’t agree with some parts of the proposal, what will happen when you reach an agreement, how much they have to pay, and more. 

Be clear on your follow-up process to speed things up. 

3. Use a Dedicated Proposal App

If you’re someone who fires up MS Word and hopes for the best, your proposals probably don’t get a lot of traction. That’s because you’re spending too much time reinventing the wheel. The best jumping-off point for your proposal strategy is choosing the right app. It will help you automate and speed up the whole process. 

Different solutions suit different people, but some of the features you might want include: 

Digital Signatures

The digital signature option helps you get your proposals signed faster and turns your proposals into legally binding documents. This significantly reduces the agreement time since your clients no longer have to print out your documents, scan them and send them back.

Integrated Payment Methods

Speed up your payment process by choosing the proposal software that has a payment option that allows clients to pay as soon as they agree to your terms and conditions. It can significantly decrease the time it takes to get paid. 

Sales Tool Integration

For an even more straightforward sales process, select a proposal tool that has native integrations with your sales CRM and other sales tools. 

Proposal Analytics

Proposal analytics can help you in the follow-up process. They show when your proposal was opened, on which device, and how much time the client spent on each of the sections. 

Content Library

The content library lets you save any part of the content (text, pictures, videos, terms and conditions, pricing table) for easier access in the future—no more copy and pasting huge chunks of text. 

An Easy-To-Use Editor

In order to be able to create any documents with your proposals software, their editor needs to be very easy to use. If the editor requires design experience, look for a better one.

4. Let’s Talk About Price

When it comes to the price section, there are two significant things you need to look out for: the name of the section and the format of your price.

Naming your pricing section pricing, expenses, or something along those lines cheapens your proposals and makes it seem like a regular invoice. Try naming the section ROI or Investment. It will evoke positive feelings with your clients because if they think of working with you as an investment, they will know that a return on investment is a part of the deal. 

The way you format your prices won’t make or break your deal but can help you speed up the proposal process. Firstly, you need to figure out if you’re going to charge by the hour, based on the value of the project, based on the commission, or something else. 

Once you reach a decision, you have to format the prices in an easy-to-understand and short way. Many companies try to upsell their clients at the very start of their business relationship and create proposals with three different packages. 

We believe that the way you present your prices should be the same as the way doctors prescribe medicine. You need to be the authority on your prices and tell the client what type of package fits their needs. If you leave it up to your client to pick the right package, it will just lead to confusion, and you’ll have to do the extra work to explain the difference to them.

Bonus Tips

Web-based business proposals speed up the signing process. If you make your proposals printable, it will lengthen the time your clients take to agree to your terms and sign them. Make sure your proposals are web-based and have a digital signature option. 

Another tip is to send your proposal as quickly as possible. As soon as you meet with your client and hear them out, start working on your proposal. 

Our last tip is to send your proposal at the beginning of the week. If you send it on a Friday, it will negatively impact the time it takes to get your proposal signed.

 

Featured image via Pexels.

Source

The post 4 Tips For Getting Design Proposals Signed Faster first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Have you been feeling a little unproductive lately? Well, you are not the only one. Of course, we all want to be as productive as possible at work, but that’s not always the case.

According to recent research, we are fully productive for less than 3 hours a day. Stress and poor planning are just two of the reasons why. And this is true in all work environments. No one is exempt from this problem, from employees in central offices to freelancers or managers working from home.

That’s why we have researched and selected the eight best ways to increase your productivity at work. In our search for solutions to boost creativity, we have come across numerous promising approaches and tips that you can use. Here are the best tips you can follow to get the most out of a workday:

1. Plan your Tasks

I can safely say that there is nothing more important than efficient task planning. Planning your tasks can free you from stress and procrastination. Planning everything before the day even starts is probably the best approach.

This is also where time management comes into play. Think about it. How often have you been more productive after setting a specific time frame for a task? You need to plan for the project at hand and then map each workday.

The more you plan your projects and workdays, the more productive you will be. However, it would help if you tried not to spend hours and hours planning.

2. Minimize Distractions

So you have successfully planned your tasks. That should be enough to be productive, right? Well, unfortunately, no. Whether you work in the office or from home, numerous things can distract you daily.

Distractions are ubiquitous, from a colleague wanting to chat about last night’s game to TV at home. When you minimize such distractions, you become better at what you do.

Of course, it’s not always easy to resist temptation. But if you do, you’ll spend more hours focused and engaged in your task. The same goes for leadership positions. You can ask your employees to turn off their cell phones and minimize chats.

We all feel the need to check our phones or chat with our colleagues. This is precisely why the next tip is crucial to your productivity.

3. Take Regular Breaks

According to psychologists, taking regular breaks at work will help you minimize stress and thus improve your performance. Whether you work from home or at headquarters, relaxing and social breaks are necessary. But that’s not all.

As we mentioned earlier, regular breaks are a smart way to avoid distractions. If you know your next break is coming up, you will not need to chat or look at your phone.

This will help you maintain a high level of concentration. On the other hand, if you do not take regular breaks, your performance will continue to decline throughout the day.

4. Stop Multitasking

Once you have scheduled your tasks and breaks, it’s time to think about the actual work process. Contrary to what many believe, multitasking does not make you more productive.

Conversely, multitasking can decrease your performance, drain your energy faster, or even damage your brain. This is another reason why planning is so important. You should always try to engage your brain with one task at a time.

5. Optimize Workplace Conditions

This is one of the most efficient but often underestimated ways to increase productivity. Ensuring that the working temperature is between 20-24 degrees C (68 and 76 degrees F) will help you stay concentrated for more extended periods.

This will also save you a lot of time, whether at home or in the office. On the other hand, if you feel cold or hot, you will be distracted. Therefore, you should think about the working temperature before you start working.

6. Enough Sleep is Key

It’s not news that sleep deprivation can affect our performance. And that’s not just it. Lack of sleep leads to a massive decrease in:

  • Ability to concentrate
  • Working memory
  • Mathematical capacity
  • Logical reasoning

So sleep is crucial to our overall well-being. According to the National Sleep Foundation, you should try to get between 7 and 8 hours of sleep a night (for adults between 18 and 65).

It becomes evident that getting enough sleep is one of the best ways to increase your productivity at work.

7. Communication is Crucial

Communication is essential, especially for those of you who work from home. You should always have a conversation with the people you live with during your breaks. This can also help you avoid distractions during your work hours.

Try to make everyone around you (including yourself) understand what closed, and open doors mean. This will help you increase your productivity while communicating sufficiently with your loved ones.

The same goes for people who work in offices. You should always try to engage with your colleagues during breaks. Remember that feeling part of a group and sharing your experiences is the key to increasing your productivity.

8. Avoid Social Media

Our last tip is one of the hardest to follow, especially working from home. You may think that this is not a problem for you. Recent studies show that we spend an average of 145 minutes on social media every day. Of course, it’s not a bad idea to cut down on that time.

But, even if you do not, you should try to keep any engagement with social media outside of your work hours. This will help you focus on your tasks and get you one step closer to your goals.

Wrap Up

Keep in mind that we all get stuck at times when working on a project. The more you worry about it, the more stressed you will be. It’s essential to take care of yourself and your mental health. In any case, we hope you will find it easier to increase your productivity now that you have read our tips. All you have to do is follow them.

Featured image via Pexels.

Source

The post 8 Proven Ways to Turbo-Charge Your Productivity first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot