Articles

Branding 101: How to Get Your Design Business Online

, ,

You’ve named your business. You’ve sorted out the visual branding piece. Now, it’s time to get your business online so you can start making money.

In this post, we’re going to look at where your web design business needs to set up shop online and how to get it up and running quickly.

Step 1: Set Up Your Website

As a web designer or developer, having a website is non-negotiable.

Not only does a website provide prospective clients with all the information they need about you, it can help you automate many of those annoying tasks that get in the way of your actual paid work.

So, let’s start here:

Buy Your Domain Name

If you haven’t done so already, use the business name generator exercise to come up with a domain name. You then have a couple of options for buying it.

To Do:

  • Buy it from a domain name provider like GoDaddy or Domain.com;
  • Or buy it from your web hosting company;
  • Check the next step to see which option makes the most sense for you.

Choose a CMS

Use the same CMS as the one you’ll use to build your clients’ sites. That way, clients don’t wonder why you’d use something like Squarespace for your site, but then recommend WordPress for theirs, for example.

To Do:

  • If you use a self-hosted CMS (like WordPress, Drupal, or Joomla), hold on this until you purchase your web hosting;
  • If you use a hosted CMS (like Wix, Squarespace, or Shopify), you won’t need to do the next step. Instead, just sign up for your website builder and buy your domain name now.

Buy Your Web Hosting

If you’re wondering what the difference is between the various types of web hosting, read this post.

Basically, this is what you’re looking for:

  • A hosting company with a good reputation that provides expert and timely support;
  • An affordable starter plan — either shared or cloud hosting;
  • Server locations near you (at the very least, in the same country as you);
  • Top-notch security features at the server level as well as the physical hosting facility;
  • Caching and other speed optimizations built into the server and on-site equipment;
  • Compatibility with your CMS (look for one-click install, too).

Also, look for add-ons like SSL certificates, CDNs, and, of course, a free domain name.

To Do:

  • Sign up for the hosting plan you want along with your domain name and SSL certificate (this is a must for SEO);
  • Install your CMS from the control panel once you’re ready to go.

Build Your Website

Ultimately, you have two goals here:

  1. To build a website that convinces prospective clients that you’re the real deal;
  2. To build a website that prospects would want for themselves.

So, there’s no need to go crazy with outlandish features or futuristic animations and design. Keep it simple. Keep it neat. And give prospects an honest portrayal of who you are, and what you can do for them.

Design It

The first thing to do is take all that work you did to create your visual branding and use it to design your website.

If you’re building a WordPress website, consider starting with one of these multipurpose themes.

Build Out the Pages You Need

A theme will automatically create the pages you need (most of them, anyway). If you’re not sure which ones to start with, these are the ones your prospects are going to be looking for:

You may also want to add separate pages for Testimonials and Case Studies once you’ve accumulated enough of them to show off. For now, you can include samples of your work in the Portfolio page and testimonials on the Home page.

Fill in the Content

Even if writing isn’t your strong suit, that’s okay. So long as the content you write for your site is free of spelling and grammar errors, your prospective clients are going to focus on what you’re telling them, not on how proficient a writer you are.

That said, if you’re nervous about this piece of your website, here are some tips to help you out:

1. Be concise, it’s not just minimal design that goes over well with modern audiences. Minimal copy does, too.

2. Be transparent. Tell prospects what exactly they can expect when they work with you and why your web design services are going to be different from the competition.

3. Consumers don’t trust companies that use meaningless buzzwords and make empty claims. Instead, focus on writing about the real and very competitive skills you have. According to research from NIDO Student, these are the skills employers look for when hiring a designer:

4. Let your images tell some of the story for you. Just make sure you use (or create) images that will impress your audience.

5. After you’ve written your content, take a step back and tackle the structure and formatting from a designer’s POV.

6. Before you hit the “Publish” button, run your copy through Hemingway Editor to ensure your content is error-free.

Add the Right Features

When I talk about features, I’m referring to anything outside the main design and content on your website. These are usually sales and marketing tools like:

  • Chatbot/live chat
  • Contact forms
  • Pop-ups or notification banners
  • Discovery call scheduler
  • Cookies consent notice

Only add the features you absolutely need. In other words, the features that will automate the marketing and sales tasks you’d otherwise have to manage on your own.

Step 2: Optimize Your Website for Search Engines

Search engine optimization (SEO) is a very important part of the work you do to get your business online. Here’s why:

After you launch your business and website, the next thing you’re going to focus on is getting clients. This can take a lot of work as you pore over the following resources for referrals and leads:

  • Your existing contact list (i.e. family, friends, old employers, colleagues, etc.);
  • Freelance job boards;
  • Industry-specific job boards;
  • Social media posts, pages, and groups;
  • Google search results for “we’re hiring”;
  • And so on…

And when you’re not busy cold-emailing prospective clients or talking to them on the phone, you’re probably going to be working on your business’ processes. Running a business is very time-consuming.

So, what happens when you finally start working on website projects? It’s not like the client search ends there. It’s an ongoing thing. Which is why your website needs to be optimized for search.

Once your site gets indexed by Google and starts to generate authority, your pages will rank better and the increased visibility will start generating leads without you having to actively make the first move.

SEO is a huge topic, so I’m not going to cover it here. However, the links below will do a good job of guiding you towards your next steps.

To Do:

Step 3: Get Active on Social Media

Your website is going to play a lot of roles:

  • Digital business card;
  • Authority builder;
  • Marketing vehicle;
  • Sales platform;
  • Content marketer.

But there’s one very critical thing it can’t do and that’s directly converse with your audience and grow your network. This is why you need to spend time building out your social media once your website is good to go.

As for which social media platforms to use (as there are way too many), here are my thoughts:

Become an authority on Twitter.

Twitter is a good place to share daily thoughts and interesting content you’ve found on the web.

Get discovered on LinkedIn.

LinkedIn is useful because it’s another place to get noticed by potential employers, so make sure your relevant work experience and portfolio are up-to-date.

Connect with other creatives on Facebook.

It’s really hard to get noticed on Facebook unless you pay to play. Instead, use it to find groups that you can turn to for support, referrals, and brainstorming.

Share your work on Dribbble.

While you could use Instagram or Pinterest to show off your work, you might get more traction on a design-specific platform like Dribbble. Serve as inspiration for others and potentially get discovered by prospects looking for designers there.

Down the line you might decide to expand your business into recurring revenue opportunities like online courses. In that case, a platform like YouTube would be great. For now, focus your efforts on the main ones above.

To Do:

  • Create your social media accounts;
  • Brand them to match your website — both the visual component as well as the bio;
  • Start sharing content on a regular basis. You can automate sharing with a social media management tool, but remember to log in at least a couple times a week so you can engage with others, too;
  • Be careful not to commit these social media faux pas.

Wrap-Up

I realize this is a ton of information to throw at you. However, if you want to get your new business online and for it to succeed, you need to maximize the opportunities that are available to you.

I hope this three-part guide to starting a new business has been helpful. If you have any questions on the tips provided along the way, let me know in the comments.

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

/par

Team Vitality, leader de l’e-sport, intègre les technologies SAP pour accélérer sa croissance internationale

, , ,

Levallois-Perret, le 23 novembre 2020 – SAP France annonce accompagner Team Vitality dans sa digitalisation. Le leader européen de l’esport s’appuie sur les solutions de SAP pour accélérer son développement à l’échelle internationale.

Quand Big Data rime avec esport

Le milieu du sport peut être considéré comme un système complexe où interagissent de nombreux acteurs comme les sportifs, les sponsors, les entraîneurs ou encore les fans. Les objectifs d’un club consistent à la fois à augmenter les performances de ses équipes mais également assurer une rentabilité financière sur le long terme dans un environnement de plus en plus concurrentiel. Ce modèle se vérifie dans des sports très médiatisés et aux forts enjeux business comme dans le football, le basketball, le tennis, etc, mais se confirme aussi dans l’esport dont la croissance et l’attractivité ne font désormais plus aucun doute.

En tant que partenaire d’innovation et d’analyse de données d’organisations sportives professionnelles telles que la NBA, la WTA, Team Liquid et le FC Bayern, SAP intensifie la portée de son offre ERP dans l’esport. Outre la gestion de la performance des joueurs, SAP cherche également à impliquer les fans avec ses technologies innovantes. Intégrant des outils de gestion financière et aussi d’engagement marketing, SAP renforce la compétitivité des équipes esport en accélérant leur transformation numérique. Et pourquoi pas demain s’orienter dans la voie de l’ »Athlète Digital » ?

C’est dans ce contexte que la collaboration est née avec Team Vitality.

Team Vitality, un développement fulgurant

Fondé en 2013, Team Vitality est le plus important représentant français sur la scène internationale de l’esport. Comme dans le sport traditionnel, l’équipe est aujourd’hui devenue une marque à part entière avec plusieurs millions de fans. Avec le temps, Team Vitality a développé un marketing avancé et créé d’importants partenariats avec de grandes marques internationales. Team Vitality, c’est désormais toute une gamme de merchandising qui va des maillots officiels aux accessoires high-tech, en passant par une ligne de vêtements. Son business model s’appuie sur la vente en ligne mais aussi sur des points de vente et des espaces de rencontre avec ses fans qu’il compte décliner dans plusieurs grandes villes en France et en Europe. L’entreprise emploie aujourd’hui une cinquantaine de personnes.

SAP pour structurer sa croissance financière et rassurer ses investisseurs

Pour booster sa croissance, Team Vitality enchaîne les levées de fonds depuis plusieurs années. La marque mise également sur le meilleur des technologies pour gérer efficacement sa croissance, sur SAP pour l’accompagner dans le pilotage financier de son activité et sur APSIA pour l’assister dans cette transformation digitale. Team Vitality s’appuie sur 3 solutions clés de SAP :

  • SAP Business By Design, ERP basé sur le cloud pour optimiser la gestion de la finance, des achats et des stocks.
  • SAP Cloud Platform, plateforme d’intégration et d’extension pour faciliter les échanges avec l’écosystème de l’entreprise.
  • SAP Analytics Cloud, une solution d’analyse augmentée multi-source pour optimiser et accélérer la prise de décision. 

Un pilotage de l’activité facilité

L’utilisation des trois solutions SAP permet à Team Vitality d’optimiser l’ensemble de ses processus. Plus précisément, cinq aspects de la gestion de l’entreprise sont impactés :

  • Un suivi facilité d’éléments clés dans les contrats de partenariats et les contrats fournisseurs.
  • Une gestion des données améliorée : un meilleur tracé des flux grâce à une source d’information unique et fiable permettant ainsi de répondre facilement aux différentes contraintes contractuelles et légales (audit des comptes, RGPD, etc.).
  • L’automatisation de certaines tâches telles que le paiement de certains fournisseurs ou la comptabilisation de certains flux récurrents permettant ainsi un gain de temps considérable.
  • Une meilleure connaissance des flux financiers de l’entreprise dans un contexte de forte croissance du nombre de flux et de développement régulier de nouvelles activités.

« Nous avons plusieurs business models en un : nous faisons de la vente retail via notre site Internet, nous élaborons des contrats marketing avec différentes marques et nous générons également du contenu. Il était donc nécessaire d’avoir plusieurs outils regroupés en une seule interface facile d’accès pour pouvoir gérer l’ensemble de ces activités », explique Sonia Manueco, CFO chez Team Vitality.

Une collaboration sur le long terme

A terme, Team Vitality souhaite pousser encore plus loin l’utilisation des solutions SAP pour ainsi impacter toutes les branches de l’entreprise et l’accompagner dans son développement à l’international. Team Vitality envisage ainsi pour le quatrième trimestre 2020, une interconnexion entre le webshop et les différents flux de l’entreprise permettant d’améliorer la qualité de suivi et d’amélioration des commandes.

« Grâce à SAP, nous avons tous les composants pour aller encore plus loin : nous souhaitons nous améliorer davantage sur le volet opérationnel via l’automatisation de l’ensemble de nos process légaux, qualités ou encore logistiques. L’objectif à long terme est également d’exploiter l’ensemble des datas que nous récupérons sur nos plateformes comme Twitch et Twitter pour pouvoir faire le lien entre les interactions avec nos fans et les achats sur notre webshop », conclut Franck Boniface, COO chez Team Vitality.

 

Contact presse Team Vitality

Valérie Duthey et Maéva Corbel, Le Public Système PR – vitalityrp@lepublicsysteme.fr

Contacts presse SAP
Daniel Margato, Directeur Communication : 06 64 25 38 08 – daniel.margato@sap.com
Pauline Barriere : 06.13.73.93.11 – presse-sap@publicisconsultants.com

 

 

The post Team Vitality, leader de l’e-sport, intègre les technologies SAP pour accélérer sa croissance internationale appeared first on SAP France News.

Source de l’article sur sap.com

/par

Popular Design News of the Week: November 16, 2020 – November 22, 2020

, ,

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

15 Best Illustration Tools in 2020

 

Slidepage 1.0 – Create Engaging and Swipeable Stories-on-the-Web, for Free

 

Notion Timeline – More than Gantt, for all your Projects

 

Unslack

 

UX Lessons from Big Sur

 

Pattern Collect

 

Apple Silicon M1 Chips and Docker

 

Difference Between UI and UX Design

 

How Many WordPress Plugins Should You Install?

 

5 Things I Wish I’d Known Before Starting a Design System at Spotify

 

8 Pure CSS Games You Can Play in your Browser

 

We Can do Better than DuckDuckGo

 

Fulljar – Simple and Privacy Focused Analytics

 

Accessibility in User Experience: How to Include People with Disabilities

 

9 Common WordPress Myths Debunked and Explained

 

Impressive Pure CSS Drawings

 

I Took 21 Online Courses, Here’s What I Learned

 

User Experience: Insights into Consistency in Design

 

How to Use Emotion to Make your Brand’s Content More Compelling

 

25 Free Icon Sets You Can Download and Use Today

 

6 Ways 2020 has Changed the Landscape of Design

 

25 Inspirational Quotes for Web Designers

 

9 Tips to Keep You Sane When Working with Multiple Clients

 

Write Code like You Write a Recipe

 

UI Coach – UI Design Challenge Generator

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

/par

5 Ways to Use AI and Overcome COVID-19

,

COVID-19 is on the spree of spreading like a forest fire and ruining the countries’ economy worldwide. The pandemic situation of COVID-19 has suspended the business activities of several industries. Still, AI is one of the few sectors that has stood tall and explores ways to help the world overcome COVID-19. Artificial intelligence is the future, and it is contributing mainly to the fight against the COVID-19 pandemic. 

AI has been deployed in many ways to help overcome the coronavirus pandemic situation. Here is a list of 5 ways to use AI and overcome COVID-19.

Source de l’article sur DZONE

/par

Build Virtual Tours of Houses and Parks with Open Source Software

,

When I use map apps such as Google Maps, I often use Street View to display more detailed views of a street or inside of a building.  Although Google Street View is fantastic, there are many use cases where I want to control the development pipeline and assets without having to upload images to Street View. 

To control and optimize your business workflow, you can use open-source Marzipano to build virtual tours yourself and host the tours on your own web site.  This tutorial explains how to build the tour with open source software and host it for free on GitHub Pages. The technology and techniques can scale to large cloud businesses and are in production at commercial sites.   This tutorial focuses on a minimal simplified site to get you started with the basic concepts in minutes.

Source de l’article sur DZONE

/par

How to Make Hyper-Personalization in Web Design Work For You

Personalization; it’s probably one of the most important design trends to emerge in recent years.

As consumers in all industries become more demanding, they’re increasingly searching for online experiences that are customized to suit their individual needs and expectations.

Today, personalization exists in virtually every digital interaction, from adverts on social media to PPC campaigns and email marketing efforts.

Used correctly, the manipulation of demographic, behavioral, and other in-depth user-data can help designers to create dynamic, highly customized content for each website user. At the same time, these unique websites ensure that designers really make an impact on behalf of their clients, outshining the competition and driving amazing results.

What is Hyper-Personalization?

Basic personalization in web design involves making changes to a design based on what you know about your client’s target audience.

For instance, if you knew that you were designing for an audience that spends more time on their smartphone than their computer, you’d concentrate on building hyper-responsive experiences for small screens. For instance, the Canals-Amsterdam.nl website is specifically designed to support people using smartphones to swipe, tap, and scroll.

If you’re aware that your customer’s target market is other businesses, you might put more testimonials, free demo CTAs and other enticing components on the website to encourage investment.

Hyper-Personalization is an emerging trend for 2020 that focuses on going beyond the basic understanding of a target audience, to look at genuine customer data. Hyper-personalization is all about leveraging in-depth omnichannel data to drive more advanced customer experiences on every page of a website.

For hyper-personalization to be genuinely effective, designers need access to virtually unlimited data, from CMS systems, sales teams, marketing experts, and more. When you have that data handy, you can use it to:

  • Design websites that showcase dynamic CTAs, featuring content relevant to each user;
  • Implement sign-in screens for customers vs. demo requests for new leads on home pages;
  • Showcase products similar to past pages when repeat customers return to a site.

Why is Hyper-Personalization Important?

Personalized experiences have always been important to the sales journey.

However, in an era where companies are constantly competing to grab user attention, you can’t just cater to your site designs to a group of people anymore. Increasingly, users are expecting specific interactive moments on websites, made just for them.

Amazon is an obvious example to consider here. As one of the world’s leading online shopping sites, Amazon’s efforts with website personalization are incredible. The Amazon website uses tools integrated into the back-end of the marketplace to watch everything a customer does on its platform.

As users browse through the website, the site jots down each category that you look at, and which items interest you. Thanks to this, Amazon can suggest which products you may be most interested in.

Websites like Madebyhusk also offer an incredible insight into hyper-personalization, allowing users to browse for the products that appeal to them based on in-depth filters like edging and color.

The result is a higher chance of conversion.

When customers feel as though they have complete control over their buyer journey, and that each step on that journey is tailored to them, they’re more likely to buy.

Better Converting CTAs

A call to action is an excellent way to move things along when you’re encouraging the buying process with your target audience.

Used correctly, your CTAs can encourage more than just cart conversions. They can also convince people to sign up for your newsletter via a subscription form, take a survey, or begin a free demo.

Regardless of the CTAs that you choose to implement, personalization will quickly make your requests more effective. According to studies, CTAs that are personalized are 202% more effective than generic alternatives.

For instance, Byhumankind.com uses a crucial statement: “Great personal care products don’t have to come at earth’s expense.” Followed by an engaging CTA to drive positive action from their audience. The company knows that they’re appealing to a customer interested in saving the planet, so they make the benefits of “Getting Started” obvious immediately.

Using data provided by clients, designers can figure out exactly how to position CTAs and offers for customers. For instance, notice that Humankind has a green colored CTA button.

Most buttons take advantage of bold colors like red and orange, but the green shade for Humankind further highlights the nature-driven personality of the brand.

Relevant Product Recommendations

Repeat customers are infinitely more valuable than people who purchase just one item from your site.

However, convincing a standard customer to become a repeat client isn’t easy. Sometimes, clients need a push to determine what they want to buy next.

Fortunately, as a website designer, you can help with that. Using dynamic modules in the product pages of your customer’s website, you can show individual end-users what they might want to purchase next from a specific brand.

These dynamic modules can use information about what each customer has purchased in the past, to suggest a new product or service. Amazon do particularly well in this regard, leveraging a vast marketplace and treasure trove of information to make quality recommendations. But you don’t need to be designing a considerable website for a global business like Amazon to take advantage of dynamic suggestions. Any business with a focus on hyper-personalization can benefit from this strategy.

Increased Time on Site

Any form of personalization on a website can significantly improve the amount of time a customer spends in that digital environment.

Imagine walking into a restaurant that seems as though it was designed specifically for you. The décor, the seating arrangements, and even the menu are customized to your taste. You’re more likely to spend your time and money there than on any generic food place you find on the street.

The same rules apply to website design. The more hyper-personalized you can get with your client’s design, based on what you know about their customers, the easier it will be to keep customers engaged.

For instance, the WarnerMusic.no website entices visitors with various high-quality images of popular bands and artists, before providing them with endless information about the brand and what it does. The designer of this site knew that it needed to appeal to the visual demands of the audience first, before offering useful information like featured artist lists, News, and blog posts to keep the users on site.

Hyper personalization is all about figuring out what kind of end-user you’re designing for, so you can build the digital environment that’s more engaging and compelling to them. Some designers even create dynamic pages that change depending on whether a customer is a repeat client or a new visitor.

Improved Loyalty and Affinity

Finally, it’s human nature that we all want to spend time with the people that treat us best.

We all value excellent customer service, which is why customer experience is the most significant differentiating factor for any organization today.

Web-based personalization works in a similar way. When you use your design tools to make the site experience that you give to each visitor warm, individualized, and welcoming, then your clients are sure to see a boost in customer loyalty.

Around 89% of consumers say that they’ll only consider buying from brands that care about them. As a designer, you can convince every website visitor that they’re going to get the experience they deserve. Just look at how TheHappyHero.com instantly lets clients know that they can expect a fun and friendly interaction on every page.

Accessing useful data from the companies that you’re working with before you begin developing and designing a website could be the key to creating happier customers and higher conversions.

The more delighted end-users are with the experience that a website gives them, the happier that your client will be with you – increasing the impact of your design portfolio.

If you can create customer loyalty and affinity for your client, then you will be able to develop the same feelings between yourself and your client. This could mean that you earn more recommendations as a designer and build your position as a leader in the industry.

Hyper-Personalization is Crucial for 2021

As companies continue to worry about how they can safely use data without crossing the line when it comes to customer privacy, hyper-personalization has stayed just out of the mainstream. While it may be a while before we see every website designer starting their process with piles of in-depth data, it seems that we are heading in that direction.

Customers in 2021 and beyond will undoubtedly want a more advanced and customized experience from the brands that they interact with – particularly in an era where it’s becoming much easier to deliver meaningful moments online.

Source

Source de l’article sur Webdesignerdepot

Autre source / On the same theme

/par

Serverless vs. Microservices Architecture: Is this the Future of Business Computing?

,

Serverless computing, which is commonly referred to as just Serverless, is a promising cloud-based technology model that has emerged on the app development and software architecture horizon in recent years. Trying to avail themselves of the huge serverless framework potential, many big-time market players have been quick to jump on the cloud services bandwagon. Such software giants like Google, Microsoft, IBM, and Amazon already offer the customers to migrate all the local business operational efficiencies to be hosted on their flagship serverless platforms like AWS Lambda and Azure Functions.   

Simply put, serverless architecture is an event- and request-driven tech solution allowing application developers to create actionable working environments in the cloud that have all the necessary computational resources needed for a smooth coding flow. This framework comes in handy especially when time is an issue and the tasks assigned are quite resource-intensive.

Source de l’article sur DZONE

/par

Exciting New Tools for Designers, November 2020

,

In the spirit of fall feasts, this month’s collection of tools and resources is a smorgasbord of sorts. You’ll find everything from web tools to icon libraries to animation tools to great free fonts. Let’s dig in.

Here’s what new for designers this month.

The Good Line-Height

The Good Line-Height is the tool you won’t be able to live without after using it a few times. The tool calculates the ideal line-height for every text size in a typographic scale so that everything always fits the baseline grid. Set the font size, multiplier, and grid row height to get started.

Link-to-QR

Link-to-QR makes creating quick codes a breeze. Paste in your link and the tool creates an immediate QR code that you can download or share. Pick a color and transparency, plus size, and you are done.

Quarkly

Quarkly allows you to create websites and web apps both using a mouse and typing code – you get all the pros of responsive editing, but can also open the code editor at any time and manually edit anything and it all synchronizes. The tool is built for design control and is in beta.

UnSpam.email

Unspam.email is an online spam tester tool for emails. Improve deliverability with the free email tester. The service analyzes the main aspects of an email and returns a spam score and predicts results with a heat map of your email newsletter.

Filmstrip

Filmstrip allows you to create or import keyframe animations, make adjustments, and export them for web playback. It’s a quick and easy tool for modern web animation.

CSS Background Patterns

CSS Background Patterns is packed with groovy designs that you can adjust and turn into just the right background for your web project. Set the colors, opacity, and spacing; then pick a pattern; preview it right on the screen; and then snag the CSS. You can also submit your own patterns.

Neonpad

Neonpad is a simple – but fun – plain text editor in neon colors. Switch hues for a different writing experience. Use it small or expand to full browser size.

Link Hover Animation

Link Hover Animation is a nifty twist on a hover state. The animation draws a circle around the link!

Tint and Shade Generator

Tint and Shade Generator helps you make the most of any hex color. Start with a base color palette and use it to generate complementary colors for gradients, borders, backgrounds, or shadows.

Pure CSS Product Card

Pure CSS Product Card by Adam Kuhn is a lovely example of an e-commerce design that you can learn from. The card is appealing and functional.

Free Favicon Maker

Free Favicon Maker allows you to create a simple SVG or PNG favicon in a few clicks. You can set a style that includes a letter or emoji, font and size, color, and edge type and you are ready to snag the HTML or download the SVG or PNG file.

Ultimate Free iOS Icon Pack

The Ultimate Free iOS Icon Pack is a collection of 100 minimal icons in an Apple style. With black and white version of each icon and original PSD files, you can create sleek icons for your iPhone screen in minutes. And it’s completely free! No email address or registration required.

Phosphor Icon Family

Phosphor is a flexible icon family for all the things you need icons for including diagrams and presentations. There are plenty of arrows, chats, circles, clocks, office elements, lists, business logos, and more. Everything is in a line style, filled, or with duotone color. Everything is free but donations are accepted.

3,000 Hands

3,000 Hands is a kit of hands that includes plenty of gestures and style in six skin tones and with 10 angles of every gesture. They have a 3D-ish shape and are in an easy to use PNG format. This kit has everything you need from a set of hand icons.

Radix Icons

Radix Icons is a set of 15px by 15px icons for tiny spaces. They are in a line style and are available in a variety of formats including Figma, Sketch, iconJar, SVG, npm installation, or GitHub.

Deepnote

Deepnote is a new kind of data science notebook. It is Jupyter-compatible with real-time collaboration and running in the cloud and designed for data science teams.

ZzFXM Tiny JavaScript Music Generator

ZzFXM is a tiny JavaScript function that generates stereo music tracks from patterns of note and instrument data. Instrument samples are created using a modified version of the super-tiny ZzFX sound generator by Frank Force. It is designed for size-limited productions.

Image Tiles Scroll Animation

Image Tiles Scroll Animation is a different type of scrolling pattern using Locomotive Scroll. The grid creates a smooth animation in a fun and modern style.

Bubbles

Bubbles is a Chrome extension that allows you to collaborate by clicking anywhere on your screen and then dropping a comment to start a conversation with anyone. This is a nice option for work from home teams.

Tyrus

Tyrus is a toolkit from the design team at Airbnb to help illustrators make the most out of their design businesses. It is broken into sections to help you with design briefs, originality, deadlines, and feedback.

PatchGirl

PatchGirl is an automated QA tool for developers. You can combine SQL and HTTP queries to build any possible state of your database.

Apparel

Apparel is a beautiful premium typeface family with plenty of versatility in a modern serif style. It is a contemporary, classy, and fresh serif typeface with a laid-back. Its medium-large x-height makes it ideal for headlines and brand identity design.

Christmas Story

Christmas Story is a nice solution if you are already starting to think ahead to holiday projects or cards. The long swashes and tails are elaborate and fun.

Nafta

Nafta is a fun handwriting style font that has a marker-style stroke. It’s a modern take on the popular Sharpie font. It includes all uppercase letters.

Safira

Safira is a wide and modern sans with ligatures and a stylish feel. The rounded ball terminals are especially elegant.

Shine Brighter Sans

Shine Brighter Sans is a super-thin sans-serif with a light attitude. The limited character set combined with its light weight is best for display use.

Source


Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: November 9, 2020 – November 15, 2020

, ,

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Quarkly – Design Tool for Creating Websites and Web Apps

 

Create your Personal Branding Strategy in 4 Simple Steps

 

How to Design a Landing Page

 

No Code MBA – Learn to Build Real Apps and Websites Without Code

 

Your Computer Isn’t Yours

 

Swatches – Generate Colors for Every Purpose

 

Markabaly – Cross-platform Markdown Editor

 

12+ Bootstrap Hero Image Examples

 

The UX of Among Us: The Importance of Colorblind-friendly Design

 

No, your Clean Code won’t Save the Planet

 

My Side Project Rocks – Share and Discover Side Projects

 

How to Test Content like a Pro: A Step-by-step Guide

 

MacOS Big Sur is Here

 

Free Fonts for Prototyping and Wireframing

 

Gamification: The Broken Way of Carrot and Stick

 

Everything You were Wondering About Apple’s New M1 Chip

 

Please Unsubscribe – Fwd Emails to Unsubscribe from Marketing

 

The Fonts in Popular Things Identified Vol. 2

 

How to Become a Self-taught Graphic Designer

 

Using PowerPoint’s Animated GIF Function

 

Scribbble.io – A Blogging Platform for Developers

 

How to Work with WordPress Block Patterns

 

The Power of Happiness: Being Safe, Free, and Supported

 

How to Handle Scope Creep in Web Design

 

Building Products

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

/par

10 Reasons Your WordPress Site Will Get Hacked (and How to Stop It)

,

A hacked WordPress site is as damaging as having your home burgled. It can completely shatter your peace of mind and adversely impact your online business. 

Why do hackers target WordPress sites? The answer is relatively simple: WordPress is the single biggest platform for website creation these days, so there’s a larger base to attack; this attracts the attention of online criminals. 

So, how can a hack impact your website? 

Depending on the type of attack, your website could suffer any of the following:

  • It could be defaced completely;
  • It could load or operate very slowly on any device;
  • It could completely crash and malfunction;
  • It could display the dreadful “White Screen of Death”;
  • Its incoming visitors could be redirected to other suspicious websites;
  • It could lose all your valuable customer data.

This list is not exhaustive but you get the idea.

Now that we know how a successful hack can impact your website and online business, let us look at the top 10 reasons behind WP hacks and prevent them.

1. An Insecure Web Host 

Like any website, WordPress is hosted on a web host or server. Unfortunately, most site owners do not pay much attention to the web host they select and choose the cheapest they can find. For example, it is more affordable to host a website on a shared hosting plan — one that shares its server resources with many other websites like yours.

This can make your site vulnerable to hackers as a successful hack into any website on the shared server. A single hacked site can consume the overall server bandwidth and impact all the other sites’ performance.

The only way to fix this problem is to opt for a reliable host and a virtual or dedicated server.

Pro tip: If you’re already using a shared hosting plan, check with your hosts if they offer VPS hosting and make the switch.

2. Use of Weak Passwords

Weak passwords are the main reason behind successful brute force attacks that target your account. Even to this day, users continue to use weak and common passwords like “password” or “123456”; if you’re one of them, your website could land in trouble!

Guessing weak passwords allows hackers to enter the admin accounts where they can inflict the maximum damage.

How do you fix this problem? Simple, ensure all your account users (including admin users) configure strong passwords for their login credentials. With at least 8 characters, passwords must be a mix of upper- and lower-case alphabets, numbers, and symbols. 

For added safety, install a password management tool that can automatically generate and store strong passwords.

Pro tip: You can use a plugin to reset passwords for all your users.

3. An Outdated WP Version

Outdated software is among the most common reasons why websites get hacked. Despite being free to download, most site users defer updating their site to the latest version, for fears of updates causing their site to crash.

Hackers take advantage of any vulnerability or bug in an older version and cause issues like SQL Injections, WP-VCD Malware, SEO Spam & other major issues like website redirecting to another site.

How do you solve this problem? When you see a notification about an update on your dashboard, update your site as soon as possible.

Pro tip: If you are worried about updates crashing your live website, you can first test the updates on a staging site.

4. Outdated WP Plugins and Themes

Similar to the previous point, hackers also take advantage of outdated, unused, or abandoned plugins and themes installed on websites. With over 55,000 plugins and themes that are available, it is easy to install a plugin or theme, even from unsafe or untrusted websites. 

Plus, many users do not update their installed plugins/themes to the latest version or do not find the updated version. This makes it easier for hackers to do their job & infect sites.

How do you avoid this problem? As with the core WP version, update each of your installed plugins/themes on your site regularly. Take stock of all the unused ones and remove them or replace them with better alternatives.

You can update your plugins/themes from your hosting account.

Pro tip: We suggest setting aside time every week to run updates. Test them on a staging site and then update your site.

5. Common Admin Usernames 

In addition to weak passwords, users also create common usernames that are easy to guess. 

This includes common usernames for admin users like – “admin”, “admin1”, or “admin123”. Common admin usernames make it easier for hackers to get into admin accounts and control backend files in your WP installation.

How do you avoid this problem? If you are using any such usernames that are easy to guess, change them immediately to a unique username. The easiest way of doing it is through your hosting account’s user management tool, by deleting the previous admin user and creating a new admin user with a unique username.

As the first step, change the default username of your admin user and limit users who have administrator privileges.

Pro tip: WordPress has 6 different user roles with limited permissions. Only grant admin access to users who really need it.

6. Use of Nulled Plugins/Themes 

Coming back to the importance of plugins/themes, users have access to many websites that sell nulled or pirated copies of popular and paid plugins and themes. While these are free to use, they are often riddled with malware. They can compromise your website’s overall security and make it easier for hackers to exploit. 

Being a pirated copy, nulled plugins/themes do not have any available updates from its development team, hence will not have any security fixes.

How do you fix this problem? Simple, for a start, only download original plugins and themes from trusted websites and marketplaces.

Pro tip: If you don’t wish to pay for paid or premium plugins and themes, opt for a free version of the same tools that will have limited features but are still safer to use than the nulled version. 

7. Unprotected Access to wp-admin Folder

To take control of your site, hackers often try to break into and control your wp-admin folder in your installation. As the website owner, you must take measures to protect your wp-admin directory.

How can you protect your wp-admin folder? First, restrict the number of users having access to this critical folder. Additionally, apply for password protection as an added layer of security for access to the wp-admin folder. You can do this using the “Password Protection Directories” feature of the cPanel in your web host account.

Pro tip: Besides these fixes, you can also implement Two Factor Authentication (or 2FA) protection for all your admin accounts.

8. Non-SSL Website

You can easily migrate your HTTP website to HTTPS by installing an SSL certificate on your site. SSL (or Secure Socket Layer) is a secure mode of encrypting any data transmission between your web server and the client browser.

Without this encryption, hackers can intercept the data and steal it. Plus, a non-secure website can have many negative implications for your business – lower SEO ranking, loss of customer trust, or a drop in incoming traffic.

How do you fix this problem? You can quickly obtain an SSL certificate from your hosting company or SSL providers. It encrypts all data that is sent from and received by your website. 

Pro tip: You can get a free SSL certificate from places like Let’s Encrypt, but these provide limit protection that will only be sufficient for a starter site or small site.

9. No Firewall Protection

Lack of firewall protection is another common reason why hackers can bypass website security measures and infiltrate the backend resources. Firewalls are the last line of defence against hackers and work like the security alarm installed on your house. Firewalls monitor web requests coming from various IP addresses, including the suspicious (or bad) ones. 

They can identify and block requests that are known to be malicious in the past, thus preventing easy access for hackers to your website domain. Web application firewalls can thwart various attacks, including brute force attacks, XSS, and SQL injections.

Pro tip: A firewall provides much-needed security and is  your first line of defence. But it’s important to also have a malware scanner installed.

10. Lack of WordPress Hardening Measures

Typically, hackers target the most vulnerable areas or weaknesses within a WP installation, to illegally access or damage the website. The WordPress team has identified these vulnerable areas and has devised a list of 12 hardening measures recommended for every website.

A few of these include:

  • Disabling the File Editor;
  • Preventing PHP execution in untrusted folders;
  • Changing the security keys;
  • Disallowing plugin installations;
  • Automatic logout of inactive users;

How do you implement these hardening measures? While some steps are easy to understand, others require the technical expertise of how WordPress works. 

Pro tip: You can implement hardening measures on your own. However, some measures require technical expertise so in these cases, it’s much easier and safer to use a plugin.

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

/par