2018 Crucial FX
Trends & Concepts
1
Trends
Source: 99 Designs
Drop Shadows
Dynamic Gradients
Bold Typography
Vibrant Colours
Mobile First
Broken Grid Layout
Moving Background
Custom Illustrations
Intergrated Animation
2
Tone Of Voice
Source: WGSN
Artisnal
Activist
Targeted / Direct
Transparent
Lighthearted
Technical
Emotive
Humourous
Practical
3
Concepts
Source: Adidas, Aldi, Magicleap.com, Loaded.gg, richardmattka.com
Analogous Colors : Side by side on colour wheel
Integrated Animation : Menus, topics, backgrounds
Social / Portfolio : Embed HTML,
Personality / Technical TOV
Interactive UX / elements : -
Blog / New Innovation / Video
#Hashtag for posts/storytelling? Map, live, event calendar, BHS
Showreel / Trendwatch / 360
4 Case Study // Richard Mattka
Source: Richard Mattka (richardmattka.com)
Compelling sound effects
360 click and drag view
Projects via parallax scroll
Interactive UX
Sound sensory appeal
Portfolio changes with scroll
Changing interface via click
Showreel full screen video
Loading icon on brand
5 Case Study // Republic Events
Source: Republic (republic.jpn.org)
Vivid colours
Bold typography
Informative language
Compelling transitions
Integrated Animation
Consistent theme in menu
Parallax scroll, UI changes
Colour gradient
Use of live event timetable
6 Case Study // Adidas Speedfactory
Source: Adidas (www.adidas.co.uk/speedfactory)
Analogous colour theme
360 product details
Sub-sections for small detail
Code style typography
Integrated video/animation
#HereToCreate for influencers
Parallax interactive scroll
Live feed on new releases
Call to action // Email/Social
7 Case Study // First Parallel
Source: First Parallel (www.firstparallel.com/en)
Fully immersive start to finish
Sound sensory enabled
Portfolio vertical parallax scroll
Scroll to view
Horizontal parallax scrolling
Viewer targeted interaction
AR/VR/360 integrated
Custom animation/imagery
Moving animation by interacting