Undeniably 2020 has been an unpredictable year. This originated some creativity for innovation as much as adaptation and acceleration of existent ideas. Every so often at Cocoon we feel the need to review these technologies and approaches and filter what we feel is relevant for us and our clients into a document that we share internally and externally. This year we gave this document a linear context: Digital Global Humanism. Up until recently people were the central focus in digital businesses and ecosystems. Businesses started by embracing humanism to achieve their results and to enable clients to access their products in the easiest ways possible. But now we also need to remind people about their own responsibility for the Earth. We added this to our process of business transformation.

1. Technology,
visual Trends
& References
Today
cocoon experience 2021

2. Technology
Enables people to achieve things
not previously possible.
cocoon experience 2021

3. Undeniably 2020 has been an unpredictable year.
This originated some creativity for innovation as
much as adaptation and acceleration of
existent ideas.
Although working from home was already a thing
moving forward, the pace was fitting
occasional needs.
The new reality imposed a new pace for AR and VR
to become a real need in healthcare, education, art
and collaboration in general.
Things will further develop in magnitude leading to
the creation of full-blown “virtual working places”
and ecosystems.
Augmented and virtual reality
cocoon experience 2021
Trends References
Technology

4. Spatial is how work should be. Create a lifelike
avatar from a selfie and turn any room into a 3D
workspace, empowering teams to visualize,
organize, and collaborate on ideas remotely while
feeling like they’re next to each other. Whether
working from home or the office, Spatial brings
teams closer together.
Spatial
www.spatial.io
Collaboration - VR
Trends References
Technology

5. Now that AR is on the rise, it’s quickly finding
application in most, if not all, product-driven
industries.
- Preview placement
- Virtual try-on solutions
- Interactive user manuals
ThreeKit, Ikea
www.threekit.com
Retail - 3D, VR and AR
Trends References
Technology

6. Designed for remote learning, 3D anatomy
platform, with ground-breaking technology,
models and content. Not just an atlas, but an
anatomy learning platform, with unique
collaboration and learning tools.
Complete Anatomy
www.3d4medical.com
Healthcare/Education - 3D, VR and AR
Trends References
Technology

7. This is the first VR experience presented to the
public by the Louvre Museum and is conceived as
part of the Museum’s seminal Leonardo da Vinci
exhibition which commemorates the 500th
anniversary of the artist’s death in France.
Mona Lisa:
Beyond the Glass
www.viveport.com
Arts - VR
Trends References
Technology

8. Machine learning is the ability that systems and
machines have to automatically learn and improve
from experience without the need to be programmed.
It works through the access of a machine to a large
number of data.
The primary aim is to allow the computers to learn
automatically, and it begins with observation
of this data.
Machine learning has revolutionized countless
industries; it’s the underlying technology for many
apps in your smartphone, from virtual assistants like
Siri to predicting traffic patterns with Google Maps.
A.I. - Machine learning
cocoon experience 2021
Trends References
Technology

9. There are already a large number of algorithm-
driven tools that you can use to create layouts,
marketing materials, and images based on
observation and data analisys.
Examples using GAN (Generative Adversarial
Networks) - Deepfake and
“this person does not exist”
This Person Does Not Exist
www.thispersondoesnotexist.com
Generative design
Trends References
Technology

10. This is another technology that began to make even
more sense with the start of the pandemic. We are
talking about the various methods of interacting with
devices without actually touching them such as :
- Face Detection
- VUI (voice user interfaces)
- Motion detection
- Body gesture
- Intention detection
- Line of sight, emotion, age, and gender recognition
Touch-based interaction are designed for people
who are physically capable. However there is a
large number of people with disabilities.
For healthcare this possibility is an opportunity to
improve the service to patients that may not have
the mobility to interact with their digital products.
Touchless interactions
cocoon experience 2021
Trends References
Technology

11. Telehealth solutions with integrated extra features
for mobility issues using the the mobile phone
camera to detect any problem with the patient.
It uses data and several parametrs to respond
in real-time.
Twilio
www.thispersondoesnotexist.com
Works with the common devices
Trends References
Technology

12. There’s an exciting new feature that makes use of
Apple X’s TrueDepth camera and face tracking
features. If you’ve got Apple’s phone and iPad,
you’ll now be able to use your face to control
effects and synths, hands-free. It reads your facial
expressions and translate them into
instrument controls.
GarageBand
(with)in your face
www.thispersondoesnotexist.com
It goes without touching
Trends References
Technology

13. Visual Trends
From a conjucture point of view.
cocoon experience 2021

14. Not long ago designers borrowed structures of the
real-world to represent tools or functions; e.g.
recycle bin icon used for discarding files. This is
called Skeuomorphism.
After this we felt the need to tone down the
metaphors with minimal and elegant detail into
what is called Flat design. The simplicity of the
elements gave us the opportunity to play often with
more vibrant colours.
While there is a need to still do things this way, as
we move forward and new digital born tools grow,
designers have now a new challenge. Fuse both;
Skeuomorphism + Flat = Neumorphism.
Born to be digital - User Interface
cocoon experience 2021
Trends References
Technology

15. Skeumorphism Flat Neumorphism
Ever changing
cocoon experience 2021
Trends References
Technology

16. Minimalism as a direction of visual design got
especially popular in the 1960s in New York when
new and older artists moved toward geometric
abstraction The movement found its impression in
the artworks associated with Bauhaus.
Minimalism today is widely used in the design of
websites and mobile applications.
Aesthetic minimalism
Trends References
Technology
Rob Bailley
User Interface

17. Trends References
Technology
Cafe Coupon App
Ninox Illustrations | dribbble.com
Flat design

18. Trends References
Technology
www.hbstudio.org
Slopes Website
Monochrome or limited color palette

19. Trends References
Technology
Architecture Firm
Choice limitation

20. This the new buzzword in the visual language.
Is based on a effect called background blur, to
create that “through the glass” look and feel
on elements.
Glassmorphism
Trends References
Technology
More-morphisms
Hype4.com

21. Trends References
Technology
www.uxdesign.cc
Blurred, colorful backgrounds

22. And it looks exactly like the name suggests, in a
good way (in most cases).
Strong contrasts, often dysfuncional typography
that brings in some cases some problems of
readability. But thats is part of the vibe.
The idea is provocative, it´s a deconstruction of
what we normally see as beautiful and functional.
Brutalism
Trends References
Technology
Bold and contrasting. Provocative.
Trend Monster Mobile | Mobile

23. Trends References
Technology
Supercontinent | Dribble
Ben Johnson | Dribble
Dysfunctional typography

24. This is more of a responsibility rather than a trend.
It’s the realisation that we live next to each-other
and within the same world, and there is only one
(that we know of).
Change-making starts within ourselves towards the
rest of us, but decision makers have an extra
responsibility to bring this change into their
business, products and actions.
Empathising with costumers pains is not enough.
We need to remind people about their own
responsibility for the Earth, educate them on green
consumerism, and popularize sustainable thinking
and advocate social inclusion.
“We cannot solve our problems
with the same thinking we used
when we created them.”
Change in place
— Albert Einstein -
Trends References
Technology

25. A long way to go, but there’s a lot we as designers
can and should do in order reduce the CO2
emissions.
From responsible consumerism reminders, light
animations and illustrations to prevent heavy server
usage, reduced access to content that aren’t
relevant and a clear communication of the content
behind the call-to-action.
Green responsibility
Trends References
Technology
Small big steps
unsplash.com

26. User-oriented design is no longer just viewed from
a business point of view, we need to include and
represent humans, and the fact is: we came in all
kind of shapes, colours, genres and some of us
have disabilities.
So empathise in a wider way and reflect those
diferences in your photos, illustrations or video.
Inclusive mindset
Trends References
Technology
Humanize every human
brandquarterly.com

27. References
Without them, ideas often feel empty.
cocoon experience 2021

28. Up until recently people were the central focus in
digital businesses and ecosystems.
Businesses started by embracing humanism to
achieve their results and to enable clients to access
their products in the easiest ways possible.
Although we added to our process a new way of
looking at business transformation, it's inevitable to
look back in time to our references, those that
opened doors and visions that helped to shape us
as change-makers today.
Digital humanism
Digital technology is a culture.
cocoon experience 2021
Trends References
Technology

29. John Maeda is an American executive, designer,
technologist. His work explores the area where
business, design, and technology merge to make
space for the "humanist technologist."
John Maeda
www.maedastudio.com
“Simplicity is about subtracting the
obvious and adding the meaningful”
Trends References
Technology

30. www.maedastudio.com
Trends References
Technology

31. www.maedastudio.com
Trends References
Technology
Jonh Maeda Books

32. Code as a poem, early ideas that reveal intention,
purpose and the effort to shorten the gap between
technology and humans.
Written for the Macintosh 68K series.
12 o’clocks (1996)
https://vimeo.com/198494458
Jonh Maeda
Trends References
Technology

33. Studio Dumbar is an international design agency
specialised in visual branding and online branding,
located in Holland.
Founded by Gert Dumbar in 1977 they are
responsible for creating many iconic corporate
identity systems for clients such as the Dutch Postal
and Telecom Services(KPN), Dutch Railways, Dutch
Police, the Danish Post and Czech Telecom.
Studio Dumbar
www.studiodumbar.com
Vormgeving VS Ontwerpen
Trends References
Technology

34. www.studiodumbar.com
Trends References
Technology

35. www.studiodumbar.com
Trends References
Technology

36. www.studiodumbar.com
Trends References
Technology

37. In 2000 Studio Dumbar accepted the challenge to
humanize a new mobile coming technology - WAP.
This was this was the pioneer of mobile web and it
allowed people to interact with dynamic content
on their mobiles.
The challenge was make people aware of it,
showing its possibilities, without the risk of
invading peoples fears.
kpn interactive building
https://vimeo.com/channels/kpn/15525450
Studio Dumbar
Trends References
Technology

38. Dank je
cocoonexperience.com