Articles

Everyday design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

SVG Generators

15+ Useful Web Development Tools That You Might Not Know

Free Font Alternatives: The Ultimate Guide

Best Lightweight SVG Icon Sets for Web Designers and Developers

Modular UX Platform for eCommerce

Unsplash Is Being Acquired By Getty Images

The Junior Designer Starter Pack

Building a Magical 3D Button

UI Inspiration: 20+ Web Design Concepts for E-Commerce

Tools for Auditing CSS

Create Beautiful Charts With Styled Components

Font Size Is Useless; Let’s Fix It

Source

The post Popular Design News of the Week: March 29, 2021 – April 4, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

There are some interesting shake-ups on the horizon for ecommerce: Experiential shopping, Virt-ical worlds, Au naturale models.

We’re starting to see signs of them already — many of them spurred on thanks to the events of 2020. Below, we’re going to explore what’s going on with these new ecommerce trends and technologies and take a look at a bunch of sites that are setting really cool examples for each.

1. Experiential Shopping

With many stores, either closed to in-person shopping during the pandemic or their capacities severely limited, online shopping and BOPIS became much more attractive options for consumers.

That said, buying something like a pair of jeans or a new pair of glasses is much different than the pack of toilet paper someone’s bought for years. There are just some things you have to try to know if you’re going to like it and make sure it fits.

Augmented reality and other immersive shopping tools are bringing those “try-on” capabilities to people’s homes.

There are a number of technologies built specifically for this purpose:

Obsess is a particularly noteworthy one. It’s an ecommerce platform that enables retailers to build virtually immersive shopping experiences. Charlotte Tilbury is one such retailer that is taking advantage of it.

Obsess, the augmented reality and immersive shopping experience platform

At the end of 2020, Obsess announced that it had received $3.4 million in seed funding, so expect to see more Obsess-powered ecommerce sites and apps.

ByondXR is another platform that empowers brands to design immersive experiences for online shoppers:

ByondXR helps brands create experiential shopping

Retailers like Lancome, Procter & Gamble, and Calvin Klein have used ByondXR’s immersive commerce technology.

Another option is offered by Matterport:

Matterport's virtual shopping experiences and 3D store mapping tech

This technology is interesting as you’re not just creating a virtual store. You can also design a 3D model of a brick-and-mortar shop that in-store shoppers can use to get in and out quickly.

2. Virt-ical Worlds

There’s a new trend brewing, and we see it most commonly on websites for fresh and youthful brands. I wouldn’t say it’s nostalgic design, per se, though there are certainly some elements reminiscent of the bold, in-your-face style of the web in the late ‘90s and early ‘00s.

No, I think what we see here is a creative reimagining of our world.

With so many people having spent time in their homes and with their faces glued to screens, there’s been a blurring between our VIRTual and physICAL worlds. This new web design trend is one I’m going to call the Virt-ical World. While parts of these sites look like the websites we’ve designed in years past, there are motion, color, and sizing elements that feel more like a trippy virtual simulation.

Let’s look at some examples.

Starface is a company that creates acne-fighting products.

Starface's in-your-face website design

This is one of the more experimental designs in this set of examples. Still, it’s one that shows us how far the boundaries can be pushed without totally compromising the online shopping experience.

Billie is another company having fun with this trend. I’d say this is on the opposite end of the spectrum.

Billie has a fun, candy-colored website design

For the most part, this ecommerce site looks similar to other small retailer sites. However, the fun, candy-colored palette, the bobbing products, and the color shifts add a somewhat surreal element to the design.

Catching THEO is another ecommerce brand playing around with this Virt-ical World.

Catching THEO mixes nostalgia and modern design

See what I mean by this style feeling somewhat nostalgic? Thankfully, this site commits to today’s good, clean, responsive design while only using some of the more fun and quirky elements from the past.

Au Naturale Models

When I talk about au naturale models, I’m really referring to the makeup-less faces, relaxed hairstyles, and casual apparel that we’re seeing ecommerce models don these days.

I think it’s safe to say we have the pandemic to thank for this. And it’s not just because many of us took a more casual approach to getting dressed during the week. It’s also because the pandemic wiped away the glitz and glamour from many of our lives.

I don’t know about you, but it was kind of nice seeing fewer Instagram influencers flaunting their luxurious lifestyles and more real people rocking their matching pajama sets. I think brands have sensed this change in mood over the last year, and they’re now putting forward their own simple and casual styles for us to connect to.

There are tons of ecommerce websites we’re seeing this on in 2021.

Here’s Dove’s homepage, where they specifically call attention to the lack of digital distortion in the photo:

Thinx also uses more natural and realistic-looking models to show off its undergarment products:

Madison Reed takes a unique approach with this trend:

Madison Reed shows off some of the real faces of its customers

While the hair color brand does a great job of using diverse models around the site, it also has this scrolling bar showing off its customers’ very natural and real faces.

Wrap-Up

It feels like ecommerce trends and technologies are changing at a rapid pace these days. To help you stay on top of what’s new in ecommerce, stay tuned to this blog for more interesting news and changes to the landscape.

Source

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


Source de l’article sur Webdesignerdepot

The start of the year is always a good time to reassess priorities and consider new approaches, but 2021 is more of a reset than we expected this time last year. 2020 is unlikely to go down in anyone’s autobiography as the best year of their life, but it has done something positive: it’s prepared the ground for rapid change in the next 12 months.

More than any other year in our lifetimes, 2021 is set to be revolutionary, with emerging trends that will last well into the new decade. Here’s what we think you can look forward to around the next corner.

1. The End of Minimalism

Minimalism has been the de facto approach to web design for the last decade because it works.

But design reflects the zeitgeist. Where minimalism once felt clean and fresh, it’s starting to feel dull and uninspired. There have been a few false-starts breaking out of the long-term trend, but thanks to the pandemic, 2021 will be the year minimalism finally folds — at least for a while.

Prior to coronavirus-mandated lockdowns worldwide, there were already signs of a more vibrant, more decorative, more joyful approach to design. Simple typefaces have been replaced with more decorative examples — faces that use ink-traps to fake 3D effects are surprisingly popular.

trends are cyclical, and the wheel always turns

One of the biggest aspects of this blossoming trend is the move away from Material Design-style flat color not just to gradients but to multi-color gradients and even animated gradients. Even Apple, the last bastion of the clean white-box approach, jumped on the gradient bandwagon with its Big Sur branding.

One of the few things COVID-19 hasn’t slowed is the adoption of new web technology, and CSS, in particular, has had some major developments in the last year. CSS Grid is now a practical technology, and our ability to code standards-compliant designs that aren’t dependent on hierarchical boxes is greatly enhanced.

After more than a year of pretty grim news for most people, much of the world will be vaccinated over the next twelve months, and life will rapidly return to normal. The last global crisis on this scale was the 1918 influenza pandemic, and it led directly to the decade known as the Roaring Twenties.

Minimalism was already dipping in popularity — trends are cyclical, and the wheel always turns — but lockdown, or perhaps more precisely the end of lockdown, is the catalyst for significant change.

2. The Decline of WordPress

In Autumn 2020, something entirely unexpected happened: The W3C announced the platform its new web presence would be built on, and WordPress — the previous choice of the web’s steering committee — didn’t even make the list of finalists.

Due to accessibility concerns, the W3C development team opted to migrate away from WordPress to Craft CMS. The decision was met with a mixture of glee and outrage. But whether you agree with the decision or not, it’s hard to see it as anything other than yet another symptom of WordPress’ decline.

WordPress faces a triple threat: there are web builders that do an adequate job for low-end web projects; there are newer rivals like Craft that outperform WordPress as a CMS; there’s a growing interest in alternate approaches, like Jamstack.

So will it all be over for WordPress in 2021? Not even close. There are myriad reasons WordPress will continue to be the choice of designers and developers for years to come. Tens of thousands of professionals worldwide have invested their whole careers in WordPress; there are millions of themes, plugins, templates, and build processes that are tightly woven into the WordPress ecosystem. What’s more, there are millions of sites with substantial content archives powered by WordPress [WebDesignerDepot is one such site].

WordPress reportedly powers approximately 37% of the web, and it will still be the dominant CMS in 2022. But it’s unlikely to grow beyond that 37%, and by 2030 its market share will be in rapid contraction.

2020 was the high-tide mark for WordPress

But for all its faults — and it’s undeniable that WordPress is full of faults — WordPress is the best of the web; it has given a voice to millions of people, launched countless careers, and empowered entrepreneurship worldwide.

2020 was the high-tide mark for WordPress, but it’s not an extinction-level event — even the much-maligned Flash, which was killed dead in a matter of months by the first generation iPhone, limped on until a few weeks ago.

WordPress will have to find a niche and accept a smaller market share; in doing so, it will address the single biggest complaint that anyone has about WordPress: that it’s trying to do too much.

WordPress is one of the great success stories of the web. In a decade, it may have to settle for powering just 10% of the web — a level of failure most of its rivals can only dream of.

3. The Digital Currency Explosion

2021 is undoubtedly the year that cryptocurrency goes mainstream. In 2020 Bitcoin grew by almost 400%; currently valued at around $35k, conservative predictions for a December 2021 valuation are $100k, with five-year predictions as high as $1m. And Bitcoin isn’t the only cryptocurrency; the value of developer-friendly Ether has jumped by more than 50% in the first few weeks of 2021.

In the US, the incoming Biden administration is preparing a multi-trillion dollar relief package, which many believe young Americans will invest in cryptocurrency. Perhaps more importantly, large investment banks are now pumping hundreds of millions in digital currencies. PayPal and Visa are both in the advanced stages of adopting blockchain technology.

The biggest threat to the new digital economy is the volatility of cryptocurrency. You cannot price services in XRP if XRP’s dollar price could crash at any time — as it did a few weeks ago.

And so there are two routes in which this trend will unfold for ecommerce. Either pricing will remain in dollars, and the equivalent price in various cryptocurrencies will be calculated in real-time. Or, transactions will make use of stablecoins like Tether that are tied to the value of the US dollar.

Cryptocurrency is the latest gold-rush, and whether you think it’s the chance of a lifetime or yet another Ponzi scheme, it will become increasingly high-profile in ecommerce throughout 2021.

4. No More Video Calls and also More Video Calls

2020 was the year of Zoom. Its growth from bit-player to overtaking Skype is a material lesson for entrepreneurs that every obstacle is an opportunity.

every obstacle is an opportunity

Over the last year, we’ve discovered two things: meetings are more creative in person, and office costs are significantly reduced when staff work remotely.

There’s going to be a shift in the business landscape this year. Remote working will continue to be normal for years to come as businesses enjoy rent savings. Video calls will still be common for quick update meetings. But expect to travel to physical meeting places periodically for in-depth strategic planning.

Expect to see major cities with deserted office buildings and a rapid expansion of co-working spaces, especially those with meeting spaces — if WeWork can hold on a little longer, there may be light at the end of the tunnel.

As a web professional, you’re in a unique position to thrive in the new business world, even more so if you’re a freelancer. Remember, if you’re working onsite, be mindful of your physical health, and if you’re working remotely, be mindful of your mental health.

What Do You Think?

No one saw 2020 coming. Sometimes world events are outwith our control, and we have to hang on and hope it gets better. It’s been a tough 12 months, and the truth is we’re not through it yet.

But the 2020 coronavirus pandemic is the first pandemic in human history that we’ve had the technology to shorten.

2021 offers the opportunity for enormous change. Will designers look for new, more decorative approaches? Will we replace our technology stack? Will you be billing clients in Ether this year? Will you suffer the misery of a packed evening commute ever again?

 

 

Featured image via Unsplash

Source

The post 4 Predictions for the Web in 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Don’t drop the ball on these website design trends for the new year. All of the trends featured here this month are visual in nature – not as many user interface elements as previous months, but all just as stunning and usable.

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

1. 3D Scenes on White (Light)

Three-dimensional scenes are not just a trend this month but are likely to be one of the biggest website design trends that you see all year.

They offer a great way to show off product imagery, design something with illustrations or animation for visual impact, and provide usability and understandability cues for users.

It’s a versatile technique that can work with real or created images and are also “COVID-friendly,” something designers have had to think a lot about in the past few months. (Appropriate imagery in design is a real concern, as is trying to design projects without the ability to produce traditional photoshoots.)

What’s neat about all of these projects – and plenty of others – is that they root the design in white or light backgrounds. The light effect creates an easier visual mood that’s clean and emphasizes the imagery.

This website design trend solves a lot of those problems and looks good doing it.

Google’s Cloud design uses 3D illustrated animation on a white background with plenty of depth elements. The primary color palette of illustrated objects pulls it all together and guides the eye through each of the callout labels.

The red words on the screen Crystal Pure fit perfectly with the white-on-white 3D imagery of this design. Red accents pull you into different places on the screen, and it all has a clean feel.

Hofmann & Hofmann uses the same concept with a slightly different approach. The background is still light with a realistic feel and 3D objects, but it is a lot less stark and white. The feel is a little warmer and more inviting than a flat white aesthetic.

 

 

2. So Many Stacked Capitals

If you don’t have great artwork or imagery, make your own with typography.

This trend seems like it might be yelling at you just a little, but it still works for the most part — well, as long as you don’t land on too many of these website designs in a row!

What’s interesting about this trend is that many of the designs feature all caps type and serifs. These styles have been making a bit of a comeback, but this use is interesting for many reasons.

The hardest part when using all caps is maintaining readability. That’s why you see some variances in regular, italics, and bold weights, as well as the use of multiple typefaces. The goal is to create a good reading flow with a stunning visual presence.

This trend works best when you have “easy” words on the screen to facilitate scanning. Too many long or complicated letter combinations can get challenging quickly.

Make sure to look for the Easter eggs in each of these projects:

Emotion Agency has tiny “waving” illustrations next to each word (which doubles as the navigation) when you hover over them.

Mill3 Studio has a few animations, from the text flying in and out on load and scroll to subtle movements in the emojis.

Bizarro has this fun little cat video with a tiny warning not to hover over it, but you definitely should.

 

 

3. Empty Places

The final trend in this roundup is a stark reminder of current times. Each of the website design features empty places or locations.

This style of imagery would have been avoided pre-pandemic because tourism locations would want visitors to feel like a part of a bustling environment. Not today. If you travel, chances are you may feel safer or want to be in a more secluded environment.

All of the images and videos from these locations show just that.

Designers are doing this with new stark imagery that stands alone for the design or inserting a few empty place frames into video clips or among images that show more populated times. Even scenes that contain people show very few people and focus on more solitary activities.

Paragon Oak does this by showing a beautifully lit location at night. Note that using a nighttime photo eliminates questions about where the people are or what they are doing. (This is a clever option when showing imagery of an empty place.)

Vienne to Paris shows boats on the water with a beautiful background. While you assume there are people on the water vessels; you don’t see them and get the feeling that everyone is separated in their own “pod,” a pandemic-friendly option for travel.

The Maryculter House shows various images without people – the resort’s location on beautiful grounds; empty, but immaculate rooms, and a few images of a person alone on the grounds. Again, the empty nature of the place feels more appropriately welcome for the time we live in.

 

 

 

Conclusion

One of the things that we’ve seen with design trends in the past year is pandemic-related. The composition of images to the way elements are arranged on the screen influences every aspect of our lives.

While the empty place image and video trend is big now, it may fade post-pandemic. Although, it could still be relevant for quite some time. It will be interesting to see what happens as the year progresses with this trend – will it hold on or fade away?

These trends might continue to hold well into 2021.

Source


Source de l’article sur Webdesignerdepot

2020 has been one of the most memorable years in our history. Few of us have been alive long enough to experience a more turbulent time. But throughout the year, we saw design respond to challenging events with positivity, color, and a desire to elevate those people and projects working to make the world better.

As we head into 2021, there’s no denying that 2020 has changed our outlook on life and marked a major turning point in web design trends.

Here’s a collection of the websites we loved the most this year. Enjoy!

Looks Like You Need Iceland

On Looks Like You Need Iceland, you are invited to record a scream, which will then be broadcast into the Icelandic wilderness. It’s meant as a form of therapy. The idea is that you will one day visit Iceland in person. That might still be some way off for most of us, but we could certainly use a good therapeutic scream.

Black Lives Matter

Across 2020 there were major protests around the world in support of Black Lives Matter. The movement’s website is a central hub for news, resources, and civil rights information in 38 countries.

2º Earth

2ºC Earth takes the user to 5 locations worldwide and shows what will happen there if global temperatures rise by 2ºc. Sound is used really well here to create an immersive experience, along with some beautiful photography.

Github

Along with some new features announced earlier this month, GitHub has a glossy new homepage. It has a clean feel, with some nice scrolling animation and sparing but effective use of illustration.

I Weigh Community

Political and social initiatives were big in 2020, and non-profit activism initiative I Weigh Community is the brainchild of actress Jameela Jamil. It’s devoted to radical inclusivity, communicated with bold, expressive graphics.

UNREAL

Back in January, we clicked around UNREAL’s site for hours, enjoying the sharp transitions. The Swiss agency produced a wonderfully chaotic love letter to web animation.

Delassus

Delassus grows fruit, from citrus to avocados. The Moroccan company employs a cornucopia of 3D design to make its site bold, fun, and practical.

Lynn Fisher

We loved everything about Lynn Fisher’s site back in May. The homepage illustration was awesome. It was a humorous approach to RWD that we really appreciated. The site has since changed, with tons more to explore.

Minervo

The Minervo site feels distinctly Latin, with the hot pinks and sun-blasted desaturation feeling suitably South American. We love the cropping on the custom typeface.

Babord

Norwegians have an almost mystical connection with the sea, which is evident in the site for Babord, a Norwegian seafood supplier. We loved the brand font too.

Calexo

Calexo makes THC-infused beverages, and back in April, we loved the color and positivity of the site. The animated hamburger menu was a hit too.

Moooi

Moooi’s site layers illustration with a maximal effect that makes you feel like you’re chasing a white rabbit. There are tons of great UI details here, especially the bar that reveals the product videos.

Blind Barber Anniversary

The Blind Barber celebrates 10 years of success with this microsite. A deconstructed grid and an entirely black and white design, but with color photos, create energy and a sense of joy.

Zand Harirchi Architects

Zand Harirchi is an architecture firm based in Tehran, Iran. Its site features subtle references to architecture, like the delightful thumbnails reminiscent of small windows.

WFN

The WFN (Women’s Funding Network) is an international alliance supporting women’s foundations and gender justice funders. The sophisticated color palette and clean type are both confident and feminine.

Nathan Taylor

We loved exploring Nathan Taylor’s playful site all the way back in January. The different lighting modes were a firm favorite.

Käthe Kollwitz Memorial

A tribute to the life and work of Käthe Kollwitz, an Expressionist printmaker. There’s a catalog of her work, presented alongside large type and splashy color transitions.

Emotive Feels

Emotive Feels is a design manifesto from the Emotive Brand agency that illustrates an A–Z of potential brand emotions with simple animations that we likened to a Blue Note release.

A. N Other

A.N Other’s site for perfume highlights quality ingredients, materials, simplicity, craftsmanship, and the environment; in the process, it cleverly invokes a sense of luxury.

Playtype

Danish type foundry Playtype’s site fits its name perfectly. The playful site with bright blocks of color and the occasional animation shows off some pretty nice typefaces.

Feijoo Montenegro

All-text sites are always a thrill, and back in June, we were treated to this simple one-pager by Feijoo. Details like the numerals being replaced by words are delightful.

Wavering Stripes

Although this site’s subject matter is harrowing, it is presented in a very beautiful, thoughtful manner.

The Oyster & Fish House

Sophisticated typography, the wave textures, the nostalgic feel of the photography, and even the cookie notice’s on-brand styling all show attention to detail, which gives this site its appeal.

Who Cares

Find and ‘photograph’ the endangered species to learn about them in this delightfully illustrated game.

Curbed

When Curbed came under the umbrella of New York magazine earlier this year, it got a makeover. Neon highlights and a distorted grid give an edge to the classic magazine layout.

Yolélé

The carousel of fonio (it’s a West African grain) products on Yolélé’s landing page is a good example of horizontal scrolling that works well. There are some great page transitions too.

Pantheone Audio

Pantheone Audio’s site employs elegant scrolling to enable seamless navigation of an extremely luxurious site, underpinned by a complex grid.

Aelfie

Bright color, an irregular grid, illustrations, and a display type that feels almost hand-drawn perfectly captures the aesthetic of this NY-based home furnishing brand.

Highcourt

This site for private membership leisure club Highcourt uses subtle background color changes and simple line illustrations to create a sense of calm. Black and white are softened to dark blue and ivory, and gentle animation adds interest.

Kate Jackling

Kate Jackling’s site takes a step back and allows the content to bask in the glow of attention, placing her photography at center stage.

Treaty

While there is less hustle and bustle outside than we were used to pre-pandemic, we could certainly all use some calm. Treaty’s site for CBD oils reflects that calm with a combination of video, whitespace, and botanical drawings.

Ukrainian Railroad Ladies

Ukrainian Railroad Ladies is a book of photographs of women, and some men, who work on the Ukrainian railways. The site is basic, even brutalist, but it has charm, and the photographer’s fascination with his subject comes through.

Year & Day

Year & Day is an ecommerce site that sells tableware, from glassware to ceramics. The colorful collection is designed to complement different types of food, and the site’s color scheme reflects that perfectly.

Juan Mora

Juan Mora’s ‘under construction’ holding page has probably been crafted with more care than many full-blown sites. This showcase cleverly manages to demonstrate its subject’s skills without showing a single piece of work.

Lucciano’s

Lucciano’s homepage hero video alone will have your mouth watering for some of their gelato. Much of the appeal of food is visual, and the photography here does not disappoint. Circular text boxes in ice cream colors complement the product shots nicely.

Bored Solutions

Back in April, we were already a little weary of lockdown — if only we’d known how long it would last! The amazing color blobbing of bored.solutions was the ideal distraction.

Grand Matter

Grand Matter is an artist agency representing illustrators. There is a wealth of talent on show here and a broad enough range of styles to keep the web interesting for a good while.

Dunderville

This site for Dunderville motion design studio features a paper fold detail, which adds tactility to the virtual. Some superb type and vector animations showcase an impressive portfolio.

Album Colors of the Year

Album Colors has taken the covers from 150 albums released this year and arranged them by dominant color. The hex code for each color is provided if you want to copy it.

Mammut Expedition Baikal

Mammut uses stunning photography and a strong narrative to present its Eiger Extreme outdoor clothing. Longing for the great outdoors will either be alleviated or exacerbated by this one.

808303

808303.studio is a virtual Roland TR-808 drum machine and TB 303 bass synthesizer. You can program, record, and share your very own 80s techno masterpiece.

Bliss

Humor can be hard to get right, especially when you want to be taken seriously at the same time. Here, it works, and the result is a memorable site, oozing with confidence.

Jazz Keys

Type your message into Jazz Keys, and you’ll hear it in sound. You can send the message to anyone and let them hear your words — the web lives for side-projects like this.

Érika Moreira

The fabulous, simple site for Sao Paulo-based Érika Moreira has some awesome big type and creative case studies. It’s an excellent example of a non-visual portfolio.

G.F Smith

Earlier this year, the site for leading paper supplier G.F Smith got a redesign. It is a simpler design than the previous site and keeps the visual focus on the products and the colors.

Abbotsford Convent

Abbotsford Convent is a creative arts venue in Melbourne, Australia, based in a former convent. The UI for its site blends architectural forms to acknowledge the building’s heritage.

Waka Waka

Waka Waka designs and builds wooden furniture. The mid-century typography and the noise textures transport the site to the last century’s radical graphic design. There’s some clever disruption to the typical thumbnail approach.

Cone

Sites advertising apps always seem to want to box the design into a hastily de-branded mock-up. Cone takes a daringly refreshing approach by depicting a more expansive mobile experience.

Ride Out

Amsterdam’s Ride Out bike store teases the content with an intriguingly masked video. Plus, we love the wheel-inspired spinning links.

Puddle Sound

This site is a model of minimalism. Beautiful photographs and very little text, there is nothing to distract from the product on display.

Source


Source de l’article sur Webdesignerdepot

De la conception à l’utilisation, le numérique permet de suivre l’ensemble du cycle de vie d’un produit. Mais aussi de transformer la relation entre le fournisseur et ses clients, en proposant des innovations comme le Product as a Service.

Le jumeau numérique est une réplique numérique d’un objet, processus ou système. Alimenté en temps réel par des données venant de son jumeau physique, le jumeau numérique permet de disposer d’informations clés sur le dispositif ou service simulé. L’apport de techniques de Machine Learning ouvre même les portes du prédictif.

De la simulation classique au jumeau numérique

L’utilisation de la simulation numérique et de modèles 3D n’est pas nouvelle, mais cet usage était auparavant limité aux bureaux d’études.

« Le jumeau numérique existe dans l’ingénierie depuis une bonne vingtaine d’années », confirme Denis Goudstikker, en charge du Business Development du PLM et du SLM chez Siemens Digital Industries Software. « Dans l’industrie automobile, la simulation numérique a permis de raccourcir le temps de mise sur le marché d’un nouveau véhicule. Il y a trente ans, on jetait 100 véhicules contre un mur pour pouvoir assurer un certain niveau de sécurité. Il y a vingt ans, on n’en jetait plus que 5, après en avoir jeté 5000 dans un autre mur… virtuel. » Une avancée qui s’est traduite par un meilleur niveau de sécurité et une accélération du processus de conception des voitures.

Avec le jumeau numérique, les barrières sont éliminées entre l’ingénierie, la production et la maintenance. Et même au-delà, puisque cette continuité numérique peut se prolonger hors des murs de l’entreprise.

« Le constructeur nous fournit des définitions numériques de son produit », témoigne Eric Miralles, CIO de SNOP, équipementier automobile de premier plan. « À partir de cette définition, nous fabriquons les outils qui vont nous permettre d’emboutir les tôles suivant ce cahier des charges. Il faut pour cela que la chaîne allant de la conception à la production soit numérisée. La modélisation numérique de l’ensemble de la chaîne permet d’avoir une maîtrise globale des processus. »

Le jumeau numérique offre également des opportunités après la phase de fabrication.

« Si le jumeau numérique est né dans le milieu industriel, la capacité de connecter de façon massive des objets distribués aux clients, au travers de l’IoT, permet de développer de nouveaux services, mais aussi de redéfinir la relation entre client et fournisseur », analyse Luca Ammassari, Group Deputy Chief Information Officer in charge of Applications chez Engie.

Quels usages clés pour les jumeaux numériques ?

De la conception d’un produit à son utilisation, en passant par la production, le jumeau numérique permet de suivre l’ensemble du cycle de vie d’un produit. Mais également de réduire le time to market de nouvelles offres, la simulation numérique permettant d’accélérer la conception, le test et l’industrialisation des produits.

« Le jumeau numérique permet de répondre à des enjeux économiques et de recherche d’efficacité dans la production, analyse Eric Miralles. Sa mise en place nécessite toutefois une transformation numérique, mais aussi une transformation des organisations et des hommes. Il faut savoir saisir cette nouvelle opportunité par étapes et accompagner les équipes dans ce changement. »

« Le jumeau numérique est également important pour identifier et comprendre le comportement du matériel, poursuit Denis Goudstikker. Et ainsi optimiser son design et sa maintenance. Analyser le comportement acoustique d’une turbine permet par exemple de détecter tout changement dans son fonctionnement. Des modèles prédictifs vont alors déterminer si et quand elle tombera en panne. »

Les usages dans le secteur de la maintenance commencent à devenir communs, « mais il y a une chose à laquelle on s’attendait moins : le packaging d’objets et de services, explique Luca Ammassari. Le constructeur d’une turbine va proposer avec son équipement des services prédictifs basés sur l’utilisation d’un jumeau numérique. Il va s’appuyer sur les informations issues de turbines installées dans le monde entier qui seront comparées en temps réel au comportement de votre turbine, pour vous donner des probabilités de défaillance ou de perte de performance. »

Oser le passage au jumeau numérique

Construire le jumeau numérique de l’ensemble d’une ligne de production n’est pas toujours possible. Certains équipements anciens, amortis sur des dizaines d’années, ne sont en effet pas équipés de capteurs et ne peuvent parfois pas l’être.

La bonne pratique consiste à avancer par étapes, sur des projets ciblés, au fort ROI. « Il faut mener ses projets selon une approche agile, par petits pas et construire ainsi progressivement de la compétence en interne, explique Luca Ammassari. Certains projets auront des résultats décevants, mais cela ne doit pas remettre en cause la démarche. »

Difficile de savoir de quoi demain sera fait en matière d’innovation, constate Luca Ammassari, « c’est pourquoi notre objectif est d’accompagner les entreprises en leur fournissant des fondations capables d’intégrer ces innovations. Notre but n’est pas de proposer des offres clé en mains, mais une plate-forme permettant de sortir de la supply chain classique pour créer un nouvel écosystème. »

Une logique de partenaires qui est essentielle pour Eric Miralles. « C’est cet assemblage de partenaires qui nous permettra de digitaliser l’ensemble de notre supply chain », confirme-t-il. Et de conclure : « La crise que nous traversons aujourd’hui est un accélérateur et il y a beaucoup d’opportunités, très positives, qui nous permettent d’accéder à ces innovations. »

The post Le jumeau numérique, facteur d’optimisation du cycle de vie des produits appeared first on SAP France News.

Source de l’article sur sap.com

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.

Sidekick Browser – The Fastest Browser Built for Work

 

Why is Apple’s M1 Chip so Fast?

 

Two Color Combinations – A Curated Collection of 164 Two-color Palette Combinations

 

5 Tips to Build a Stunning Website that Stands Out from the Crowd

 

10+ Bootstrap Newsletters

 

Text Fish – Get Just Text

 

Ecommerce Website Designs: 27 Best Online Shops and Why They Work

 

SpaceHey – MySpace Reborn

 

State of CSS – 2020

 

5 Overlooked Mobile Experience Design Best Practices

 

Modern Blackletter Inspired Fonts and their Use in Web Design

 

Internxt Drive – Secure & Private Cloud Storage Service

 

Spline – 3D for the Web (Preview Release)

 

Nots – A Free Beautifully Designed Note-taking App for your Desktop

 

Google Play’s Best of 2020

 

Beacon – Run SQL Commands in Slack

 

Designing for the New Reality: Getting Rid of Pre-COVID Assumptions

 

Undoing the Toxic Dogmatism of Digital Design

 

Color Theory: A Beginner’s Guide for Designers

 

Atkinson Hyperlegible Font

 

11 Tips for Creating a Usable Website Contact Page

 

The 7 Secrets to a Great Conversation

 

Checklist Generator – Create Checklists for Free and Host Them Wherever You Want

 

Empathetic Design: The First Stage of Design Thinking

 

Handy Guide to Networking for UX Designers

 

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

Source


Source de l’article sur Webdesignerdepot

Les innovations technologiques permettent à l’industrie européenne de relever de nouveaux défis, dont la relocalisation de la production et la maîtrise de l’empreinte environnementale. Place à la quatrième révolution industrielle !

Les trois grandes révolutions industrielles sont toutes liées à des innovations majeures :

  • 1re révolution industrielle, le passage de l’artisanal au mécanisé, grâce à la vapeur.
  • 2e révolution industrielle, une production de masse standardisée, grâce à l’électricité.
  • 3e révolution industrielle, la flexibilité des automates programmables, grâce au numérique.

L’Industrie 4.0 s’appuie non pas sur une innovation de rupture, mais sur un package d’innovations : robotique avancée, Machine to Machine, IoT, réseaux 5G, impression 3D, jumeaux numériques, Blockchain pour la traçabilité, mais aussi Machine Learning et Intelligence Artificielle.

Au cœur de cette révolution se trouve la data. Plus précisément la capacité à collecter toutes les données de l’usine, puis à les faire remonter, généralement dans le cloud, avant de les traiter, en mode big data, puis enfin de transformer ces données en décisions, le data to action.

Lancé en 2011 par un ensemble d’acteurs, dont SAP, le concept d’Industrie 4.0 offre l’agilité et la résilience nécessaires pour répondre aux exigences de l’économie d’expérience et aux aléas, devenus hélas de plus en plus fréquents. Il permet également de basculer d’un modèle de production de masse, initié avec la seconde révolution industrielle, vers une stratégie de personnalisation de masse, répondant mieux aux besoins des consommateurs actuels.

Le moment est venu pour l’Industrie 4.0

Si certaines technologies de l’Industrie 4.0 existent parfois depuis des années, une conjonction de facteurs permet aujourd’hui de les combiner et de les démocratiser. « L’Industrie 4.0 entre en production, car son ROI est fort, explique Aymeric de Pontbriand, CEO de Scortex. Les nouvelles technologies deviennent en effet suffisamment abordables pour que l’équation économique prenne du sens aux yeux des industriels. Mais le vrai challenge reste celui des compétences nécessaires au déploiement en masse de ces nouvelles technologies. »

« Aujourd’hui, nous avons de la donnée et les technologies sont matures, poursuit Erwin Guizouarn, président d’Evolution Energie. Se pose la question du passage à l’échelle. Les industriels veulent pouvoir rapidement déployer ces technologies, en masse. Il y a un vrai challenge sur la fourniture de plates-formes personnalisables, robustes et sécurisées. Les données sont là. Les infrastructures et applicatifs sont en train d’arriver. »

Le moment est venu de relocaliser la production

L’hyperpersonnalisation des produits est une chance pour l’Europe, car elle se traduit par une relocalisation des usines. Difficile en effet de faire parvenir dans un temps raisonnable un produit personnalisé à un client, s’il doit traverser la moitié de la planète dans un conteneur.

Cette nouvelle industrie ne sera toutefois pas celle d’hier, ne fabriquera pas les mêmes produits et ne fera pas travailler les mêmes types de profils. Elle est plus technique, mais aussi plus affûtée et mieux optimisée. Elle se veut également plus vertueuse d’un point de vue écologique.

« La relocalisation de la production est une opportunité fantastique pour l’Europe, confirme Aymeric de Pontbriand. Cela se traduira par de l’emploi, souvent dans des régions désertées. Tout en repartant sur de nouvelles bases, avec une production moderne et soucieuse de son impact environnemental. » Erwin Guizouarn confirme cette tendance verte : « Les grands industriels français se sont engagés à devenir neutres en carbone d’ici 5 à 10 ans. Il y a un vrai mouvement en France pour aller vers des énergies propres et une production décarbonée. Industrie 4.0 et transition énergétique sont non seulement conciliables, mais souhaitables. »

Scortex et Evolution Energie montrent la voie

Les industriels veulent pouvoir disposer de solutions de type Industrie 4.0 clés en main, au ROI immédiat. Evolution Energie se concentre sur l’exploitation des données liées à l’énergie et son utilisation, avec comme objectif une maîtrise de ces coûts, qui peuvent représenter jusqu’à 80 % des dépenses de certains industriels. Scortex numérise pour sa part le contrôle qualité au travers de techniques d’Intelligence Artificielle. Le contrôle qualité manuel par inspection visuelle est en effet une tâche ingrate, qui peut représenter de 20 % à 30 % des dépenses d’un industriel.

Grâce à ce type de solutions ciblées, les industries peuvent basculer par étapes vers le 4.0. Mais certains enjeux restent plus globaux. « Le traitement massif de la donnée permet de passer par exemple à du vrai temps réel, ou de mettre en place une gestion globale de la production au niveau d’un groupe entier », illustre Erwin Guizouarn.

« Lors du passage à l’Industrie 4.0, il faut toutefois faire attention à ne pas laisser des sous-traitants sur le bord de la route, prévient Aymeric de Pontbriand. L’Industrie 4.0 va s’accompagner d’un véritable enjeu d’homogénéisation de la Supply Chain. »


En savoir plus sur les solutions pour l’industrie 4.0, production


 

The post Industrie 4.0 : une opportunité historique appeared first on SAP France News.

Source de l’article sur sap.com