Articles

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.

UI Design Trends for 2021

 

10 White Label Tools for Web Designers

 

12 Content Marketing Trends to Keep an Eye in 2021

 

We Can do Better than Signal

 

I Wasted $40k on a Fantastic Startup Idea

 

Mnm – An Open Source Project to Replace Email and SMTP

 

Shuffle – An Online Editor for Busy Developers

 

New in Chrome 88: Aspect-ratio

 

Everything About React Server Components

 

8 Examples of Icon-Based Navigation, Enhanced with CSS and JavaScript

 

Amazing Free UI Illustrations and How to Use Them

 

Is it Time We Start Designing for Deviant Users?

 

7 B2B Web Design Tips to Craft an Eye-Catching Website

 

Legendaria Font

 

16 Things not to do While Designing Dashboards

 

How to Train your Design Dragon

 

Enterprise UX is Amazing

 

7 Visual Design Lessons from Dmitry Novikoff Based on Big Sur Icons

 

DIY UX Audit – Uncover 90% of the Usability Issues on your Website

 

Vector Pattern Generator – Customize Seamless Patterns for the Web

 

The Year in Illustration 2020

 

Design Trends Predictions for 2021

 

Twenty Twenty-One Theme Review: Well-Designed & Cutting-Edge

 

9 Best Code Editors for Editing WordPress Files

 

The State of Design in 2021

 

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

Source

The post Popular Design News of the Week: January 18, 2021 – January 24, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

WALLDORF, Allemagne, et REDMOND, Washington – 22 janvier 2020 – SAP SE (NYSE : SAP) et Microsoft Corp. ont annoncé leur intention d’intégrer Microsoft Teams à la suite de solutions intelligentes de SAP. Les sociétés ont également officialisé l’extension d’un partenariat stratégique existant afin d’accélérer l’adoption de SAP S/4HANA® sur Microsoft Azure. Ce partenariat s’appuie sur un engagement commun des entreprises à simplifier et à rationaliser la migration des clients vers le cloud.

« Les nouvelles méthodes de travail, de collaboration et d’interaction transforment complètement notre mode de fonctionnement », a déclaré Christian Klein, CEO de SAP et membre du conseil d’administration. « En intégrant Microsoft Teams dans notre portefeuille de solutions, nous porterons la collaboration à un niveau supérieur, en déterminant ensemble l’avenir du travail et en permettant une entreprise sans friction. Notre partenariat de confiance avec Microsoft est axé sur la progression continue du succès client. C’est pourquoi nous développons également l’interopérabilité avec Azure ».

Beaucoup de choses ont changé au cours de l’année passée, le travail est devenu plus virtuel, ce qui accroît le recours à Microsoft Teams pour les réunions, la communication et la collaboration. Pour faciliter ces changements commerciaux et sociétaux, SAP et Microsoft mettent en place de nouvelles intégrations entre Microsoft Teams et les solutions SAP, telles que SAP S/4HANA, les offres SAP® SuccessFactors® et SAP Customer Experience. Cela permettra d’innover, d’accroître la productivité et l’engagement des employés, d’offrir un apprentissage collaboratif et de soutenir la croissance mondiale. Ces intégrations sont prévues pour la mi-2021.

« Le dossier de la transformation numérique n’a jamais été aussi urgent », a déclaré Satya Nadella, CEO de Microsoft. « En associant la puissance d’Azure et de Teams aux solutions de SAP, nous aiderons davantage d’organisations à exploiter la puissance du cloud afin qu’elles puissent s’adapter et innover plus rapidement à l’avenir. »

Les entreprises étendent également leur partenariat de cloud computing annoncé en 2019, afin d’introduire de nouvelles offres d’automatisation et d’intégration du cloud pour SAP S/4HANA sur Microsoft Azure. Ensemble, Microsoft et SAP offrent de nouvelles possibilités pour gérer une entreprise critique sur Azure tout en aidant les clients à moderniser leurs applications d’entreprise. SAP et Microsoft proposeront à leurs clients :

  • Une Simplification du passage des éditions on premise de l’ERP SAP à SAP S/4HANA sur le cloud. En plus des plans de route spécifiques à l’industrie vers le cloud et les architectures de référence, SAP et Microsoft continueront à co-innover autour de SAP S/4HANA sur Azure.
  • Des engagements conjoints élargis avec les clients et les partenaires. En plus du travail d’intégration des produits, SAP, Microsoft et les partenaires intégrateurs de systèmes continueront à fournir aux clients des feuilles de route numériques pour l’entreprise. Cela inclut des architectures de référence immédiates et exploitables et des conseils techniques pour aider les clients dans leur migration vers le cloud.
  • Des investissements accrus dans les plates-formes et les infrastructures. Les entreprises poursuivront le développement des migrations automatisées, l’amélioration des opérations, le contrôle et la sécurité.

Les clients privilégient généralement Azure pour le passage de SAP S/4HANA on-premise vers le cloud.

« Dans le cadre de notre transformation globale, nous sommes passés à SAP S/4HANA », a déclaré John Hill, chief information officer et senior vice president of Business Planning de Carhartt. « L’utilisation de Microsoft Azure nous apporte la rapidité, la disponibilité, l’évolutivité et l’élasticité dont nous avons besoin pour une meilleure visibilité et une meilleure efficacité dans notre activité. La pandémie a frappé alors que nous étions au milieu de notre mise en œuvre de SAP. En utilisant Teams, nous avons donc pu continuer à travailler sur le projet, respecter le calendrier et tenir tout le monde informé. La combinaison de SAP et de Microsoft a été particulièrement utile dans une période difficile ».

« SAP S/4HANA nous a donné une visibilité en temps réel sur notre stock, ce qui est crucial pour nous en tant que société de vente au détail de produits pharmaceutiques et de soins de santé pendant la pandémie », a déclaré Francesco Tinto, Alliance’s senior vice president et global chief information officer. Walgreens Boots Alliance. « Nous avons choisi d’utiliser SAP S/4HANA sur Azure en raison de sa souplesse et de sa flexibilité, qui nous permettent de développer ou de réduire rapidement nos activités pour répondre aux besoins du marché. Nous avons désormais accès à nos données en un seul endroit, ce qui nous permet d’offrir la meilleure expérience possible à nos clients en ligne et dans nos magasins. Les équipes Microsoft associées aux solutions SAP nous ont aidés à surmonter les difficultés liées à la continuité des activités et ont permis à nos employés de collaborer très efficacement malgré le passage du travail de bureau au travail à distance ».

« Lorsqu’il s’agit pour nos clients de livrer des équipements de protection individuelle, nous ne pouvons pas être en retard, c’est pourquoi nous comptons sur SAP et Microsoft pour nous fournir le support numérique qui est essentiel au bon fonctionnement de notre chaîne d’approvisionnement », a déclaré Helge Brummer, vice president of Technical Infrastructure, Support & Operations de Coats. « L’association des équipes Microsoft et de nos solutions SAP a permis à nos employés de travailler de n’importe où tout en garantissant la livraison des commandes à nos clients dans les délais, en soutenant les personnes qui risquent leur vie en travaillant en première ligne ».

La reconnaissance par SAP d’Azure pour la migration vers le cloud ERP se traduit par des commentaires positifs des clients sur la collaboration entre les entreprises. SAP et Microsoft continueront à simplifier la migration et à renforcer la confiance des clients dans la gestion de leurs entreprises numériques dans le cloud. Par ailleurs, de nombreux clients expriment le souhait de maintenir des environnements multi-clouds. SAP poursuit sa politique de longue date de soutien au choix pour les clients qui demandent des alternatives basées sur les besoins de l’entreprise.

SAP et Microsoft ont récemment annoncé une mise à jour pour permettre aux clients de concevoir et d’exploiter des solutions intelligentes de chaîne d’approvisionnement numérique et d’industrie 4.0 dans le cloud et à la marge.

Visitez le SAP News Center. Suivez SAP sur Twitter @SAPNews.

 

The post SAP et Microsoft élargissent leur partenariat et intègrent Microsoft Teams dans les solutions SAP appeared first on SAP France News.

Source de l’article sur sap.com

It’s never been easier to set up an ecommerce store and start selling. There are a dizzying array of ecommerce solutions available in 2021, and most are feature-rich and competitively priced.

Ecommerce sites are notoriously difficult to migrate from platform to platform, so more often than not, you’ll be committed to your chosen solution for years. The key when choosing an ecommerce solution to maximize your return on investment, is to consider not just what your business needs today but what it will need tomorrow.

There are two basic approaches to ecommerce. The first is a dedicated platform that handles everything. The second is a plugin that adds ecommerce features to an existing CMS. Both approaches have benefits and drawbacks.

1. Shopify: Best for Almost Everyone

Shopify is a well-known, well-liked, and reliable dedicated ecommerce platform. As a system for getting a business off the ground and selling fast, it is peerless.

Shopify jealously guards developer access, with templates and plugins pre-vetted. Unlike some marketplaces, you can be confident that there are no hidden surprises in your shiny new store.

And because Shopify has passed the point of market saturation, it’s worthwhile for big players to provide their own plugins; credit services like Klarna and shipping companies like netParcel can be integrated with a few clicks.

The admin panel is a touch complex, as Shopify is designed to allow a single account to be linked to multiple stores. But once you’re set up and familiar with where to find everything, it’s a slick, streamlined business management system.

Whenever a client says, “we want to start selling online.” My first thought is, “Shopify.” And for 90% of clients, it’s the right choice.

And that’s where this roundup should end…except there’s still that 10% because Shopify isn’t perfect.

For a start, an all-in-one platform doesn’t suit everyone. If you already have a website you’re happy with, you’ll either need to migrate or lease a dedicated domain for your store.

Shopify’s platform is very secure, which inspires confidence in buyers, but the price of that security is a lack of flexibility in the design.

Then there’s the infamous variant limit. Shopify allows 100 variants on a product. Almost every client runs into that wall at some point. Let’s say you’re selling a T-shirt: male and female cuts are two variants; now add long or short sleeves, that’s four variants; now add seven sizes from XXS to XXL, that’s 28 variants; if you have more than three color options, you’ve passed the 100 variant limit. There are plugins that will allow you to side-step this issue, but they’re a messy hack that hampers UX for both customer and business.

Shopify should certainly be on every new store owner’s shortlist, but there are other options.

2. WooCommerce: Best for WordPress Users

If you’re one of the millions of businesses with a pre-existing site built on WordPress, then adapting it with a plugin is the fastest way to get up and running with ecommerce.

WooCommerce is regularly recommended as “Best for WordPress Users,” which is a back-handed compliment that belies the fact that WooCommerce reportedly powers 30% of all ecommerce stores. If running with the crowd appeals to you — and if you’re using WordPress, it presumably does — then you’re in the right place.

WordPress has a gargantuan plugin range. As such, there are other plugins that will allow you to sell through a WordPress site. The principle benefit of WooCommerce is that as the largest provider, most other plugins and themes are thoroughly tested with it for compatibility issues; most professional WordPress add-ons will tell you if they’re compatible with WooCommerce. If your business is benefitting from leveraging WordPress’ unrivaled ecosystem, it can continue to do so with WooCommerce.

The downside to WooCommerce is that you’re working in the same dashboard as the CMS that runs your content. That can quickly become unmanageable.

WooCommerce also struggles as inventories grow — every product added will slow things a little — it’s ideally suited to small stores selling a few items for supplementary income.

3. BigCommerce: Best for Growth

BigCommerce is an ecommerce platform similar to Shopify, but whereas Shopify is geared towards newer stores, BigCommerce caters to established businesses with larger turnovers.

The same pros and cons of a dedicated ecommerce solution that applied to Shopify also apply to BigCommerce. One of the considerable downsides is that you have less control over your front-end code. This means that you’re swapping short-term convenience for long-term performance. Templates, themes, and plugins — regardless of the platform they’re tied to — typically take 18 months to catch up with best practices, leaving you trailing behind competitors.

BigCommerce addresses this shortcoming with something Shopify does not: a headless option. A headless ecommerce platform is effectively a dedicated API for your own store.

Enabling a headless approach means that BigCommerce can be integrated anywhere, on any technology stack you prefer. And yes, that includes WordPress. What’s more, being headless means you can easily migrate your frontend without rebuilding your backend.

BigCommerce also provides BigCommerce Essentials, which is aimed at entry-level stores. It’s a good way to get your feet wet, but it’s not BigCommerce’s real strength.

If you have the anticipated turnover to justify BigCommerce, it’s a flexible and robust choice that you won’t have to reconsider for years.

4. Magento: Best for Burning Budgets

If you have a development team at your disposal and a healthy budget to throw at your new store, then Magento could be the option for you.

You can do almost anything with a Magento store; it excels at custom solutions.

Magento’s main offering is its enterprise-level solution. You’ll have to approach a sales rep for a quote — yep, if you have to ask the price, you probably can’t afford it. Magento has the track-record and the client list to appeal to boards of directors for whom a 15-strong development team is a footnote in their budget.

That’s not to say that a Magento store has to be expensive; Magento even offers a free open source option. But if you’re not heavily investing in a custom solution, you’re not leveraging the platform’s key strengths.

5. Craft Commerce: Best for Custom Solutions

If you’re in the market for a custom solution, and you don’t have the budget for something like Magento, then Craft Commerce is ideally positioned.

Like WooCommerce for WordPress, Craft Commerce is a plugin for Craft CMS that transforms it into an ecommerce store.

Unlike WordPress, Craft CMS doesn’t have a theme feature. Every Craft Commerce store is custom built using a simple templating language called Twig. The main benefit of the approach is that bespoke solutions are fast and relatively cheap to produce, with none of the code bloat of platforms or WordPress.

Because your site is custom coded, you have complete control over your frontend, allowing you to iterate UX and SEO.

You will need a Craft developer to set up Craft Commerce because the learning curve is steeper than a CMS like WordPress. However, once you’re setup, Craft sites are among the simplest to own and manage.

6. Stripe: Best for Outliers

Ecommerce solutions market themselves on different strengths, but the nature of design patterns means they almost all follow a similar customer journey: search for an item, add the item to a cart, review the cart, checkout. Like any business, they want to maximize their market share, which means delivering a solution that caters to the most common business models.

Occasionally a project happens along that doesn’t fit that business model. Perhaps you’re selling a product that’s uniquely priced for each customer. Perhaps you’re selling by auction. Perhaps you don’t want to bill the customer until a certain point in the future.

Whatever your reason, the greatest customization level — breaking out of the standard ecommerce journey — can be managed with direct integration with Stripe.

Stripe is a powerful payment processor that handles the actual financial transaction for numerous ecommerce solutions. Developers love Stripe; its API is excellent, it’s documentation is a joy, it’s a powerful system rendered usable by relentless iteration.

However, this approach is not for the faint-hearted. This is a completely custom build. Nothing is provided except for the financial transaction itself. Every aspect of your site will need to be built from scratch, which means hefty development costs before seeing any return on investment.

The Best eCommerce Solution in 2021

The best ecommerce solution is defined by three factors: the size of your store, the anticipated growth, and the degree of custom design and features you want or need.

Shopify is the choice of most successful small stores because you can be selling inside a day. For businesses with an existing presence and a smaller turnover, those on WordPress will be happy with WooCommerce. For larger stores planning long-term growth, BigCommerce’s headless option is ideal. Craft Commerce is a solid performer that marries low costs with flexibility for businesses that need a custom approach.

 

Featured image via Unsplash.

Source

The post 6 Best Ecommerce Solutions for 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

If you already have a good idea of what you want a new website to look like, the next step would be to decide on the tools you’ll need to put into play to turn that vision into a reality.

  • Tools enable you to present its content in ways that will engage and captivate its audience and gain their trust.
  • Tools that will make your website perform flawlessly in all respects.

That is why choosing the right WordPress theme to get the job done is so important. You want a theme that features the page building tools and design aids that make your task far easier than anticipated.

The following 12 top WordPress themes and plugins have been selected with those purposes in mind. They will not only get the job done for you but do it better than most of the other website-building tools in the marketplace are capable of doing.

The choice is up to you. Whatever that choice may be, it should prove to be a winner.

1. BeTheme

A website-building toolkit that can boast of 40+ core features sounds like a pretty good-sized toolkit, and BeTheme is just that. In fact, this popular (200,000 sales) theme is the biggest WordPress theme of them all.

It’s unlikely you will need to put every one of these core features to use for your next project, but some will be essential, such as –

  • The Muffin Builder page builder, Admin Panel, and Shortcode Generator combine to make BeTheme easy to use, give you a ton of flexibility, and enable you to build your website without any need for coding.
  • Be’s library of shortcodes together with the many Header, Footer, and Grid options, and the new Header Builder extends your design options even more.
  • The Layout Generator will come in handy if you want to start a page from scratch.
  • You’ll love what may be the most important core feature of them all; Be’s selection of 600+ customizable pre-built websites. They cover most industry sectors and website types plus a variety of business niches.

Click on the banner to learn more.

2. Total Theme

Designed with excellence in mind, Total features an exceptional selection of tools and design aids to work with. Total is also well-known for its speed, ease of use, and the flexibility it offers its users.

  • Since you can disable any feature you want to, you won’t be distracted by or bothered with those you don’t intend to use.
  • Total’s 40+ quick import demos and one-of-a-kind theme cards are designed to get your projects off to a rapid start.
  • The Dynamic Template function is a driving force behind this WordPress theme’s remarkable flexibility.
  • You’re given a wealth of design options to work with, thanks to the live customizer and the advanced theme panel.
  • Total is a WordPress plugin and WooCommerce friendly.

Click on the banner to learn more.

3. Avada Theme

When a WordPress theme has the distinction of being the #1 best seller of all time, you can safely assume that those who created it got it right. Avada’s 450,000+ sales can’t easily be ignored.

Look closer, and you’ll see some of the many reasons behind Avada’s popularity.

  • There’s an impressive selection of one-click import demos, pre-built websites, and a wealth of supporting design elements.
  • The Fusion drag and drop builder and Fusion page and theme options enable designers to create complex websites without resorting to coding.
  • 5-star support and free updates ensure users that they will always be able to follow the latest design trends and create websites as they envision them.

Click on the banner to learn more.

4. MaxCoach – Online Courses, Personal Coaching & Education WP Theme

MaxCoach is a specialty tool that enables web designers to create an online distance learning and/or tutoring platform. This LearnPress theme was last year’s #1 coaching theme, and it will most likely be so in 2021 as well.

  • The platform is learner-centric
  • MaxCoach’s design is modern, trendy, and unique
  • Elementor is the drag and drop page builder of choice

Visit the site to see for yourself why this specialty theme has generated so much interest.

5. TheGem – Creative Multi-Purpose High-Performance WordPress Theme

TheGem, WordPress’s ultimate multiuse toolbox, gives its users:

  • A selection of more than 400 professionally-crafted pre-built multi-page and single-page websites
  • Two popular page builders – WPBakery and Elementor
  • Demos, layouts, and page sections you can mix and match to create a look that’s uniquely yours

The GemBlocks with its 300+ pre-designed section templates to speed up your workflow, plus WooCommerce layouts and design aids

6. Uncode – Creative Multiuse & WooCommerce WordPress Theme

The Uncode multi-use WordPress theme is ideal for entrepreneurs, creative individuals, agencies, and small businesses.

  • Its 80.000+ sales to date have made it a ThemeForest best-seller.
  • Features include a unique WooCommerce Custom Builder you can use to give site visitors a supreme shopping experience.

Viewing Uncode’s showcase of user-built websites is a must. Click on the banner to visit the site and prepare to be impressed.

7. Rey Theme

This highly modular popular theme is definitely worth a close look. It is simply one of the most innovative website building tools you’re likely to find on the market today,

  • Rey’s features include a library of professionally-designed templates and an imposing selection of WooCommerce site-building tools
  • It is easy to set up and easy to use
  • You will be more than satisfied with Rey’s robust performance

Rey has built-in SVG support and is user and developer-friendly.

8. Aurum – Minimalist WordPress Theme

With this multiuse minimalist WordPress theme at your fingertips, you’ll be able to create an online store that will give shoppers a fully satisfying shopping experience.

  • With Aurum, you can design megamenus to accommodate huge selections of products
  • Aurum’s page load times are super-fast, and Aurum’s pages are responsive to every screen size
  • Popular plugins are included, and all the popular WordPress plugins are supported

Click on the banner and check it out.

9. Hongo – Modern & Multipurpose WooCommerce WordPress Theme

Its trendy selections of creative design elements and ready-to-go store demos make Hongo an ideal choice for company, blogging, and eCommerce websites.

  • Premium plugins and WPBakery custom shortcodes are among the most popular of Hongo’s website-building features
  • This multipurpose theme also features an attractive selection of product-related tools that include product compare, quick view, wish lists, and product filter

You can expect and receive exceptional user support.

10. XStore – The Most Customizable WooCommerce Theme Ever

With its $39 price tag, XStore gives you more value for your money than you’ll find in any other WooCommerce theme.

  • For starters, there are 100+ good-to-go shops
  • A full Ajax shop is another popular feature
  • As is XStore’s single product page builder and its selection of product filters and display features

Check XStore out if you’re looking for a way to create an awesome online store in no time at all.

11. KnowAll – Knowledge Base Theme

Have you ever come across a FAQ page you really liked? It doesn’t happen often. 

Visitors that can’t find a good answer might decide to make a phone call (and be placed on hold). That answer is OK, but additional information would be more helpful.

With AI-based KnowAll, customers get answers 24/7, and they can search for other relevant information. They will be happier customers, which is obviously good for business.

12. Pofo – Creative Portfolio, Blog, and eCommerce WordPress Theme

Bloggers, creatives, agencies, and those looking to create an eCommerce site should give Pofo a good, hard look.

Pofo is fast, flexible, SEO optimized, and packed with useful features that include:

  • Trendy selections of pre-built design elements, ready-to-go home pages, and one-click import demo pages.
  • Premium plugins, including Revolution Slider and the WPBakery page builder.

Detailed online documentation is provided, and you’ll be more than pleased with this theme’s customer support.

A modern, fast-loading, and smoothly performing theme is what you need. It will help you create a website that will have a significantly positive impact on your business’ growth.

Themes like those presented here can do just that by enabling you to give your website the professional touch you’re looking for. You can do it without having to rely on a single line of code.

These 12 top WordPress themes are modern, trendy, and easy to work with. Trying to find the “best” of the bunch could admittedly be somewhat daunting. But, you can take comfort in the fact that you really can’t make a wrong or bad choice.

 

[– This is a sponsored post –]

Source

The post 12 Best WordPress Themes for 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

The Beazley Design of the Year for 2020 has just been awarded to US architecture firm Rael San FratelloColectivo Chopeke for their Teeter-Totter Wall project, a series of luminous pink seesaws built into the US-Mexico border wall in July 2019.

The 74 shortlisted entrants for the prize range from a poster for vegan burgers to a parody of Pantone’s Color of the Year. Most were self-consciously political.

As design has grown in stature, so has its ability to amplify the opinions that employ it. Most of us will never work on an actual political campaign. Still, there is little doubt that the design teams for both the Obama campaign in 2008 and the Ocasio-Cortez campaign in 2018 were significant factors in the resulting electoral success. And it isn’t just visual design, user experience across a platform has implications; last week, Twitter finally suspended the account of the outgoing US president, a decision that left CEO Jack Dorsey lamenting the platform’s “failure…to promote healthy conversation.”

As designers, our understanding of user experience — particularly the psychology of user experience — has grown immensely in the last decade. We’re very good and persuading people to do things, and that ability is a commodity, saleable to the highest bidder. As such, it is capable of undermining basic democratic principles by skewing debate and exerting disproportionate influence.

We frequently talk about Black Hat and White Hat techniques in the tech industry, but the truth is, almost all designers spend their days looking for ways to manipulate an audience.

When that manipulation extends into political events, do designers have an ethical responsibility to maintain an independent balance, just as we expect reputable journalists to?

Designers are — for now, at least — human beings. We have all of the prejudices, biases, and philosophies of any other human being. Do we have an obligation to use our skills to promote our ideals, or an obligation to resist doing so?

 

Source

The post Poll: Should Designers Stay Out of Politics? first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

The new year is often packed with resolutions. Make the most of those goals and resolve to design better, faster, and more efficiently with some of these new tools and resources.

Here’s what new for designers this month.

Radix UI

Radix UI is an open-source UI component library for building high-quality, accessible design systems and web apps. It includes examples and guidelines for all kinds of user interface elements that provide guidance and really make you think about accessible website design. (And everything is usable!)

Froala Charts

Froala Charts is made to help you create data visualizations for web or mobile apps. Build any chart you can imagine – bar, line, area, heat map, sankey, radar, time series, and more. Plus, you can customize anything and everything, so it all matches your brand. This premium tool is enterprise-level and comes with a one-time license fee.

CSSfox

CSSfox is a collection of designs that you can use for inspiration. The curated community project includes posts, reviews, and award nominees and winners.

Pattern Generator

Pattern Generator is a tool to create seamless and royalty-free patterns that you can use in projects. Almost every element of the pattern design is customizable, and you can “shuffle” to get new style inspiration. Design a pattern you like and export it for use as a JPG, PNG, SVG, or CSS.

Type Scale Clamp Generator

Type Style Clamp Generator helps you create a visualize a typographic scale for web projects. Pick a font and determine a few other settings and see the scale right on the screen. You can even put in your own words to see how they would look. Then, flip to see how sizes appear on different devices. Find a scale you like and snag the code with a click.

Flowdash

Flowdash is a premium app that helps you build custom tools, data sets and streamline your business operations with one tool. Manage data and processes without code. The tool combines a spreadsheet’s familiarity with a visual workflow builder, plus built-in integrations to automate repetitive tasks so your team can focus on what matters.

Scale

Scale is a website that provides new and open-source illustrations that you can use for projects. Maybe the illustration generator’s neatest part is that you can change the color with just a click to match your brand. Then download the image as an SVG or PNG.

Pe•ple

Pe•ple is a tool that adds a “customizable community” to any website to help grow your fanbase and provide a boost to SEO. It allows you to integrate chat, commenting, emojis, and passwordless login, among other things.

K!sbag: Free Minimal Portfolio Template

K!sbag is a free minimal website template that’s made for portfolio sites. (Did you resolve to update yours in 2021?) It includes 6 pages in a ready-made HTML format and PSD.

Merico Build

Merico Build is like a fitness tracker for code. It uses contribution analytics to empower developers with insight dashboards and badges focused on self-improvement and career growth. Sign up with tools you already use – Github or Gitlab.

Automatic Social Share Images

Automatic Social Share Images solves a common website problem: Missing or broken images when posts or pages are shared on social media. This tutorial walks you through the code needed to create the right meta tags so that popular social media channels pick up the image you want for posts. The best part is this code helps you create a dynamic preview image, so you don’t have to make something special every single time.

Animated SVG Links

Animated SVG Links can add a little something special to your design. This pen is from Adam Kuhn and includes three different link styles.

Blush

Blush helps you create illustrations. With collections made by artists across the globe, there’s something for everyone and every project. All art is customizable, so you can play with variations to create something unique.

Palms

Palms is a set of 43 sets of hands to help illustrate projects. Each illustration is in a vector format and ready to use.

Tabbied

Tabbied allows you to create and customize patterns or artwork in a minimal style for various projects or backgrounds. Tinker with your artwork and patterns and then download a free, high-resolution version.

How to Create Animated Cards

How to Create Animated Cards is a great little tutorial by Johnny Simpson that uses WebGL and Three.js to create a style like those on Apple Music. The result is a stylish modern card style that you can follow along with the CodePen demo.

Bandero

Bandero is a fun slab with a rough texture and interesting letterforms. The character set is a little limited and is best-suited for display use.

Magilla

Magilla is a stunning modern serif with great lines and strokes. The premium typeface family has six styles, including an outline option.

Roadhouse

Roadhouse is one of those slab fonts that almost screams branding design. The type designer must have had this in mind, too, with stripe, bevel, inline, half fill, outline, drop extrude, and script options included. (This family is quite robust, or you can snag just one style.)

Street Art

Street Art is for those times when a graffiti style is all that will do. What’s nice about this option – free for personal use – is that the characters are highly readable.

Source

The post Exciting New Tools for Designers, January 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

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.

Front-End Performance Checklist 2021

 

Google Design’s Best of 2020

 

Skynet – Build a Free Internet

 

An Early Look at Full Site Editing in WordPress

 

30 Basic Fonts

 

5 Great Ways to Develop your Eye for Design

 

No More Facebook – Privacy-friendly Alternatives to Facebook Products

 

Bold CMS – The CMS that Understands your Content

 

Design in 2021 – What will Design Activism Look Like?

 

LT Browser – Next-gen Browser to Build, Test & Debug Mobile Websites

 

40 Best Canva Alternatives for Effortless Graphic Design

 

How to Design with Contrast

 

Design in 2021 – What will Interactive Design Look Like?

 

20 Essential WordPress Settings to Change

 

No Meetings, no Deadlines, no Full-Time Employees

 

Free Porto Illustrations – Free 20 Stylish Hand Drawn Illustrations

 

Digital Images 101: All You Need to Know as a Designer

 

8 Typography Design Trends for 2021 – [Infographic]

 

Learnings from Designing for Multi-language User Interfaces

 

A UX Analysis of Cyberpunk 2077′s HUD

 

Five Websites Inspired by Vintage Games

 

Effective User Onboarding: Top Proven Tips and Examples

 

Overcoming Common Designer Biases

 

What Makes a Great Business Idea?

 

How to Use Design Thinking to Improve your Daily Workflow

 

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

Source

The post Popular Design News of the Week: January 11, 2021 – January 17, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

When creating a website, it’s vital to remember that not only does it need to work and look great on the device you are creating it on, but on all the other devices, it might be used on too.

Mobile and tablet optimization is important not only for the user journey but from an SEO point of view too, and badly created mobile sites just don’t cut it anymore.

With more and more devices entering the market, you need to check any website you create is compatible across the board. One bad experience and users are likely to leave and not come back again, which can be catastrophic for a business, particularly if it is just starting out.

It’s vital to check how a site looks and behaves when browsed differently from how you would use it. A common mistake is to assume users only browse websites on mobile devices in portrait mode; they don’t; landscape browsing is common, especially if the user is used to watching video.

Here are some of our top tools for testing websites on devices without the need for an entire device library:

1. Multi-Screen Test

WhatIsMyScreenResolution offers a great little tool to test how your site will look on different devices easily, and it costs absolutely nothing. You put the URL and choose between desktop, mobile, tablet, and television and then the orientation. Each device can also be broken down into different sizes and resolutions (or you can enter your own), making it easier than ever to test what a site will look like on different devices.

2. Responsinator

Responsinator is another great tool to test how a site looks on other devices without dipping into your wallet. Put your URL in the top bar, and it will instantly show you what it looks like on generic devices. This is a great, easy to use tool, and you can click through any links on your site to check the usability of multiple pages. This site is free, but if you want to “create your own” template, you need to sign up.

3. Google Dev Tools

Google Dev Tools is one of the most commonly used free tools. Add it to Chrome, and you can see how your site looks in a multitude of different screen sizes and resolutions. You can simulate touch inputs, device orientation, and geolocation to test how they work. It’s great to easily spot problems using their remote debugging tool to view, change, debug and profile a page’s code directly from your laptop or computer while viewing it on your mobile device.

4. Browser Stack

Browser Stack allows you to test your site on over 2,000 real devices and browsers, enabling you to see in real-time how your site looks. It is no hassle to set up, and it can be seamlessly integrated into your setup. As it tests on real browsers on real machines, you know the results are more reliable and accurate. It also enables you to debug in real-time using their pre-installed developer tools for ease of editing. The tests are all run securely on tamper-proof physical devices and are wiped clean of all data after each session, so you don’t need to worry about security being compromised.

5. TestComplete Mobile

TestComplete Mobile allows you to create and run UI tests across real mobile devices, virtual machines, and emulators. You can test both mobile device layouts and apps with script-free record and replay actions. This can help you to edit and fix any potential issues that may arise during the tests. Due to them being conducted on real devices, you know it is less likely to have errors in the system than a simulated device. This is free for 30 days then can get pricier, so make sure you take advantage of the trial and try the service before committing to it.

6. Sizzy

Sizzy is a great tool for checking sites, and it has a host of features to assist you. You can rotate the screen between portrait and landscape, filter by OS and device type, switch themes, and take screenshots. These little things mean it’s a super easy to use and convenient tool. It claims to simulate each device’s viewport and user agent, meaning the results are the same as what you would actually see on that phone/ tablet, etc. It can’t simulate different browser rendering engines however, so there’s a chance there might be some minor differences compared to the actual thing. Sizzy offers a free trial or has different price packages starting at $5 per month.

 

Featured image via Unsplash

Source

The post 6 Tools for Rapid Cross-Device Website Testing first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

SAP France se distingue une nouvelle fois dans le classement Glassdoor des meilleures entreprises où il fait bon travailler. Cette année, SAP France obtient la 3ème place des meilleurs employeurs de France, progressant d’une position par rapport à l’année précédente. Ce concours repose exclusivement sur les avis des employés qui ont accepté de s’exprimer sur leur emploi, leur environnement de travail et leur entreprise sur Glassdoor durant l’année écoulée.

L’expérience collaborateur figure au cœur des priorités de l’entreprise. Avec les années, SAP a mis en place de nombreux programmes phares de développement des collaborateurs comme Fellowship, impliqué ses collaborateurs dans le mentoring de startups sociales, et développé des initiatives autour de la mixité et de l’inclusion comme l’accord égalité femme-homme et le programme Autism at work qui permet aux personnes atteintes d’un Trouble du Spectre de l’Autisme (TSA) de trouver un emploi qualifié au sein de l’entreprise.

SAP a également initié une politique de Qualité de vie au travail (QVT) particulièrement riche. Avec la crise sanitaire, l’entreprise a digitalisé en France l’ensemble de ses initiatives de QVT et initié un pilote FlexWork visant à offrir à ses collaborateurs en télétravail plus de bien-être et de flexibilité. SAP a ainsi mis en place des dispositifs :

  • d’écoute des collaborateurs pour leur permettre de s’exprimer sur leurs besoins et difficultés pour permettre à l’entreprise d’adapter en permanence ses actions qui leur sont destinées,
  • d’inspiration avec l’invitation de personnalités externes à des événements internes pour s’ouvrir sur les enjeux actuels et stimuler l’innovation,
  • de formation 100% digitalisés pour permettre aux collaborateurs de développer leurs compétences,
  • pratiques à destination de managers et des équipes pour leur permettre de mieux gérer le télétravail à 100 %,
  • de bien-être et de détente pour s’oxygéner le corps et l’esprit pendant cette période particulière.

« Chez SAP, nous œuvrons tous les jours en faveur du développement de nos collaborateurs. Notre objectif est de créer un lieu de travail d’excellence ! Je remercie tous les collaborateurs qui ont pris le temps de partager leur point de vue sur ce que c’est que de travailler chez SAP. Nous apprécions les précieux commentaires et les avis qui nous ont été adressés, et nous continuerons à écouter et à agir en fonction de ces remarques. » Gérald Karsenti, président de SAP France.

La politique RH de SAP a également été récompensée au niveau international par Glassdoor.

Les Meilleurs Employeurs ont été sélectionnés sur la base des avis sur les entreprises, partagés par les employés entre le 22 octobre 2019 et le 19 octobre 2020. Pour participer au concours français, une entreprise devait compter au moins 1 000 employés et avoir reçu au moins 20 avis pour chacun des huit attributs de la part d’employés basés en France, pendant la période d’admissibilité. La liste finale est compilée sur la base d’un algorithme appartenant à Glassdoor (Département de Recherche Economique – lien en anglais) et elle tient compte de la quantité, qualité et cohérence des avis.

La liste complète des Meilleurs Employeurs 2021 est disponible sur : https://www.glassdoor.fr/Récompense/Meilleurs-Employeurs-France-LST_KQ0,27.htm

A propos de Glassdoor 

Glassdoor combine toutes les dernières offres d’emploi avec des millions d’avis et de conseils pour permettre aux chercheurs d’emploi de trouver facilement un poste qui leur convient parfaitement. Par conséquent, Glassdoor aide les employeurs à embaucher des candidats vraiment informés grâce à des solutions de recrutement efficaces, comme les offres d’emploi et les produits de marque employeur. Lancé en 2008, Glassdoor dispose maintenant d’avis et d’informations sur plus de 1,3 millions d’entreprises dans plus de 190 pays. Pour plus d’informations, visitez glassdoor.fr.

Glassdoor® est une marque déposée de Glassdoor, Inc.

Contact presse Glassdoor : pr@glassdoor.com

À propos de SAP

La stratégie de SAP vise à aider chaque organisation à fonctionner en “entreprise intelligente”. En tant que leader du marché des logiciels d’application d’entreprise, nous aidons les entreprises de toutes tailles et de tous secteurs à opérer au mieux : 77 % des transactions commerciales mondiales entrent en contact avec un système SAP®. Nos technologies de Machine Learning, d’Internet des objets (IoT) et d’analytique avancées aident nos clients à transformer leurs activités en “entreprises intelligentes”. SAP permet aux personnes et aux organisations d’avoir une vision approfondie de leur business et favorise la collaboration afin qu’elles puissent garder une longueur d’avance sur leurs concurrents. Nous simplifions la technologie afin que les entreprises puissent utiliser nos logiciels comme elles le souhaitent – sans interruption. Notre suite d’applications et de services de bout en bout permet aux clients privés et publics de 25 secteurs d’activité dans le monde de fonctionner de manière rentable, de s’adapter en permanence et de faire la différence. Avec son réseau mondial de clients, partenaires, employés et leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun. Pour plus d’informations, visitez le site www.sap.com .

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
SAP News Center. Suivez SAP sur Twitter : @SAPNews.

Veuillez tenir compte de notre politique de confidentialité. Si vous avez reçu cette alerte de presse dans votre courriel et que vous souhaitez vous désabonner de notre liste d’envoi, veuillez communiquer avec presse-sap@publicisconsultants.com et écrire Désabonnement dans la ligne Objet.

The post SAP 3ème meilleur employeur de France au classement Glassdoor 2021 appeared first on SAP France News.

Source de l’article sur sap.com

Ecommerce design may seem fairly straight-forward; you build an online store that showcases a company’s products or services and gives customers a quick and pain-free way to purchase them.

While that formula will always hold true, ecommerce is undergoing some big changes, and web designers need to be prepared to keep up with them. This monthly ecommerce trends roundup will explore these new and evolving design, sales, and marketing trends.

1. Calmer Color Palettes

Although we’re not likely to see this trend go near the sites for big box stores, it’s something smaller ecommerce companies are adopting. And with good reason.

As consumers become wary about how much money they’re spending, they don’t need to feel pressured or rushed into a purchase. And ecommerce sites that employ calmer color palettes — like pastels and earth tones — will do a better job of putting their customers at ease.

Bicycle saddle manufacture Brooks England shows how this trend plays out in ecommerce design:

It’s not just outdoors or sporting goods companies that can use more natural-looking colors, either. CBD product vendor Cannaray is another company that uses a more subdued color palette:

Really, any store that wants to do a better job creating satisfying experiences for customers and gaining their long-time loyalty should consider toning things down with color.

2. No-rush Shipping Rewards

For years, we’ve seen consumers go crazy for brands that offer free and fast shipping. But thanks to the surge in online shopping in 2020, ecommerce companies, their shipping partners, and delivery service providers just haven’t been able to keep up with the pace.

When customers are unhappy with slow deliveries, they’re going to go to social media and review sites to bombard brands with complaints, as has been happening with Loft since November:

Although many ecommerce stores still don’t inform customers ahead of time about these delays, we’re starting to see a new checkout trend.

Here’s how Gap is encouraging and rewarding customers for choosing no-rush shipping:

Amazon is another ecommerce site that encourages no-rush shipping at checkout with a reward:

Not only does this set better expectations for customers before they finish their purchases, but it encourages everyone to slow down a bit so that ecommerce companies and their shipping/delivery partners can keep up.

3. More Human and Empathetic Assistance

Each year, design trend roundups suggest that AI will play a greater role in web design.

While that may be true for things like the search bar or personalized recommendations, ecommerce sites are pulling back the reins on automated support and assistance.

Best Buy, for instance, offers customers the option to “Shop with an Expert”:

After shoppers go through a quick survey, they’re given a variety of options — based on their own level of comfort and convenience — to work with the expert:

Something that might’ve been left in the hands of a self-service quiz or automated chatbot is being given the human touch once more.

We’re seeing a similar trend with retailers like Warby Parker. While it still offers a virtual AR try-on, the main navigation actually emphasizes the home try-on option:

Again, this is another example of ecommerce companies becoming less reliant on automated support to give their customers a better and more confident shopping experience.

Wrap-Up

Ecommerce trends are always evolving. Sometimes it’s due to new technologies. Other times it has to do with what’s happening in the world around us. And sometimes it’s simply to keep up with changing consumer expectations.

Stay tuned as we explore new and emerging ecommerce trends in the coming months…

Source

The post What’s New in Ecommerce, January 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot