Langtidsmodnet.no http://langtidsmodnet.no/

94
Tool of North America http://www.toolofna.com/

95
L’attrape rêve | Galerie – Ateliers – Artstore http://www.lattrapereve.fr/

96
Staring = Caring http://staringiscaring.nl/

97
W Eyewear http://www.weyewear.com/

98
Prettybird http://www.prettybirdus.com/

99
sketchin - evolutive experience design http://www.sketchin.ch/

100
Precision is my Inspiration by RAYMOND WEIL Genève http://inspiration.raymond-weil.com/

101
7. NON-STANDARD NAVIGATION
Navigation is among the most important pieces of every single website.
No content would be reac...
Vespillo le film http://www.vespillo-lefilm.com/

103
Cascade Brewery Co – Brew by Feel http://www.cascadebreweryco.com.au/

104
adidas Group Retail Careers http://www.adidasretailjobs.com/

105
H6 http://beoplay.com/Products/BeoplayH6

106
CO3, la science dans ton chez toi ! CO3.lemouv.fr http://co3.lemouv.fr/

107
Diesel Home Collection http://www.diesel.com/collection-diesel-home

108
Nerval / Pierre Georges, interaction designer. http://nerval.ch/

109
Interactive Ear tool showing how the ear works by Amplifon http://www.amplifon.co.uk/interactive-ear/

110
LE ROCKWOOD - ROCK WITH US http://www.lerockwood.com/

111
Experience Designers | Online Department http://onlinedepartment.nl/

112
World Baking Day - 19th May 2013 http://worldbakingday.com/

113
Design Embraced - Anthony Goodwin http://www.designembraced.com/

114
Hot Dot http://hotdot.pro/

115
Oakley Airbrake MX // A Revolution In Impact Protection http://moto.oakley.com/

116
ELI http://weareeli.dk/

117
8. FIXED NAVIGATION
Setting a position fixed for the navigation bar isn’t something new. It’s
doable since CSS2 introduced ...
DesignTAXI - Driving you to bright ideas for the past 10 years http://designtaxi.com/

119
theoriginalclassybroad.com http://theoriginalclassybroad.com/

120
UXPin - Blog http://blog.uxpin.com/

121
The Secret Handshake - Solutions to help you go pro http://learnthesecrethandshake.com/

122
Derek Boateng http://derekboateng.com/

123
LOOP. Wonderful digital things. http://www.agentur-loop.com/

124
The Kings of Summer, Now Playing in Select Cities http://thekingsofsummermovie.com/

125
Octave & Octave recrute 5 talents enthousiastes http://www.octaveoctave.com/jobs

126
Carlos Molina http://yolive.me/

127
Interactive design studio | Lyon | REZO ZERO http://www.rezo-zero.com/

128
Adam Rudzki - Graphic Designer & Art Director http://adamrudzki.com/

129
ONY AGENCY http://en.ony.ru/

130
Iedereen DubbelFrisss http://www.dubbelfrisss.nl/

131
Case 3D http://www.case-3d.com/

132
Carrera - Racing Since 1956 http://carreraworld.com/

133
9. METRO GRID
The Metro UI name has been officially buried because of a possible trademark dispute. Microsoft offered “Window...
Kitchen http://www.kitchenprague.com/

135
UGSMAG http://ugsmag.com/

136
Web Apps, Web Technology Trends, Social Networking and Social Media – ReadWrite http://readwrite.com/ 137
The Gadget Flow | Cool gadgets - Gadget gift ideas - Home gadgets http://thegadgetflow.com/

138
Juliana Bicycles | The Original Women’s Mountain Bike http://www.julianabicycles.com/

139
Mustafa Demirkent :: Portfolio Website http://mustafademirkent.com/

140
Pulco - La vie à la Fresh ! http://laviealafresh.com/

141
Ale De Carvalho / Art Direction http://a-d-c.net/

142
Control Films - Production Company in Paris http://controlfilms.tv/

143
Escape Flight http://escapeflight.com/

144
We make apps | Etch http://etchapps.com/

145
VISIT | University of Coimbra http://visit.uc.pt/en/

146
Hommard Cashmere Sweaters and more http://hommard.com/

147
Hommard Cashmere Sweaters and more http://hommard.com/

148
MVA - SPACE SHOWER MUSIC VIDEO AWARDS http://mva.jp/

149
10. MIX-AND-MATCH TYPOGRAPHY
2013 popularized a typography style that we previously knew rather from
fancy t-shirts than w...
Forefathers Group | The New Design Frontier http://forefathersgroup.com/

151
Ermenegildo Zegna official website http://www.zegna.com/

152
Welcome to the Skybox | Conceptual Design | http://www.skybox.org/

153
Chris Wilhite | Chris Wilhite Design http://chriswilhitedesign.com/

154
Timmy Tompkins’ Awesome Fantasy Comic Book Superhero Adventure http://timmytompkinsapp.com/

155
BTL Brands - Do Better http://www.btlbrands.com/

156
Fontwalk http://fontstage.de/

157
Jacksonville Art Walk | I Love Art Walk http://jacksonvilleartwalk.com/

158
Wicked Palate - Burnsville, MN http://archive.coryetzkorn.com/wicked-palate/

159
The Production Kitchen http://www.jacquico.com/

160
Introducing CIRQ. Kosta Browne winemaker, Michael Browne. http://cirq.com/

161
Cast Iron Design Company | A Boulder Colorado Graphic Design Studio http://www.castirondesign.com/

162
Barrelhouse Flat http://thebarrelhouseflat.com/

163
Wild Blue http://wildbluetech.com/

164
Al Taglio | Pizza au poids et à la coupe http://www.altaglio.fr/

165
11. CLARITY AND SIMPLICITY
Clarity and Simplicity are always in fashion. In 2013 however this became a
major trend. Connec...
B-Reel http://www.b-reel.com/

167
Haraldur Thorleifsson http://haraldurthorleifsson.com/

168
Carolina Herrera’s “The House” http://www.carolinaherrera.com/the-house/en/

169
Grafik. Web Design + Development. Wellington, New Zealand http://grafik.co.nz/

170
Windows of New York | A weekly illustrated atlas http://www.windowsofnewyork.com/

171
Harry’s - Great Shave. Fair Price. Simple. http://www.harrys.com/

172
Rdio http://www.rdio.com/

173
Spektrum Media http://spektrummedia.com/

174
Borgo 27 http://www.borgo27.it/

175
Eduardo Nunes – Cross-Media Designer http://www.eduardonunes.me/

176
Cédric Marteau Portfolio, Developer front end & UX Designer http://www.cedricmarteau.com/

177
Rosebud http://www.rosebud-ad.com/

178
AÃRK Collective http://aarkcollective.com/

179
Shun Cutlery http://shun.kaiusaltd.com/

180
Substrakt - Branding, Print, Design, Digital Web & Mobile. Birmingham & London http://substrakt.co.uk/

181
12. COOKIES WARNINGS
The European Union gave designers a huge headache in 2013. Cookie warnings are now obligatory for all...
Home - this is true. http://www.truedigital.co.uk/

183
Lexus Cars Europe | Hybrid Cars | New and Used Lexus Cars http://www.lexus.eu/index.tmex

184
Satorisan - Live By The Walk http://satorisan.com/en/home

185
Conclusion
2013 is the year of smart, aesthetic and simple design. 2014 will be no
different. Responsive web design will be...
Upcoming SlideShare
Loading in …5
×

Web design book_of_trends_2013-2014part_002

462 views
371 views

Published on

Published in: Business, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
462
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
37
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Web design book_of_trends_2013-2014part_002

  1. 1. Langtidsmodnet.no http://langtidsmodnet.no/ 94
  2. 2. Tool of North America http://www.toolofna.com/ 95
  3. 3. L’attrape rêve | Galerie – Ateliers – Artstore http://www.lattrapereve.fr/ 96
  4. 4. Staring = Caring http://staringiscaring.nl/ 97
  5. 5. W Eyewear http://www.weyewear.com/ 98
  6. 6. Prettybird http://www.prettybirdus.com/ 99
  7. 7. sketchin - evolutive experience design http://www.sketchin.ch/ 100
  8. 8. Precision is my Inspiration by RAYMOND WEIL Genève http://inspiration.raymond-weil.com/ 101
  9. 9. 7. NON-STANDARD NAVIGATION Navigation is among the most important pieces of every single website. No content would be reachable without properly designed navigation that answers the questions “where am I?” and “where can I go from here?”. We got used to either a top, left or right menu. They’re patterns used since the beginning of the web. Something changed in 2013 though. Designers started to play with the concept and come up with really creative solutions. Some of them are more usable (bottom navigation), some less (usage of a keyboard in navigating through a website), but all in all this is an interesting and popular trend that’s changing the way the Internet looks. Take a look at the 15 best examples of non-standard navigation elements. 102
  10. 10. Vespillo le film http://www.vespillo-lefilm.com/ 103
  11. 11. Cascade Brewery Co – Brew by Feel http://www.cascadebreweryco.com.au/ 104
  12. 12. adidas Group Retail Careers http://www.adidasretailjobs.com/ 105
  13. 13. H6 http://beoplay.com/Products/BeoplayH6 106
  14. 14. CO3, la science dans ton chez toi ! CO3.lemouv.fr http://co3.lemouv.fr/ 107
  15. 15. Diesel Home Collection http://www.diesel.com/collection-diesel-home 108
  16. 16. Nerval / Pierre Georges, interaction designer. http://nerval.ch/ 109
  17. 17. Interactive Ear tool showing how the ear works by Amplifon http://www.amplifon.co.uk/interactive-ear/ 110
  18. 18. LE ROCKWOOD - ROCK WITH US http://www.lerockwood.com/ 111
  19. 19. Experience Designers | Online Department http://onlinedepartment.nl/ 112
  20. 20. World Baking Day - 19th May 2013 http://worldbakingday.com/ 113
  21. 21. Design Embraced - Anthony Goodwin http://www.designembraced.com/ 114
  22. 22. Hot Dot http://hotdot.pro/ 115
  23. 23. Oakley Airbrake MX // A Revolution In Impact Protection http://moto.oakley.com/ 116
  24. 24. ELI http://weareeli.dk/ 117
  25. 25. 8. FIXED NAVIGATION Setting a position fixed for the navigation bar isn’t something new. It’s doable since CSS2 introduced absolute, relative and fixed positions for html elements. However, in 2013 fixing the navigation has been rediscovered in a twofold way: • responsive websites often use fixed navigation bars to improve the navigation capabilities on a small screen; • fixed navigation bars with additional transitions add a dynamic feeling to the website. The progress of technology (larger screens and bigger resolutions) has justified the fixed position of the navigation and honestly we’re hoping it will become a standard in 2014. Enjoy 15 great websites that are leading the fixed revolution! 118
  26. 26. DesignTAXI - Driving you to bright ideas for the past 10 years http://designtaxi.com/ 119
  27. 27. theoriginalclassybroad.com http://theoriginalclassybroad.com/ 120
  28. 28. UXPin - Blog http://blog.uxpin.com/ 121
  29. 29. The Secret Handshake - Solutions to help you go pro http://learnthesecrethandshake.com/ 122
  30. 30. Derek Boateng http://derekboateng.com/ 123
  31. 31. LOOP. Wonderful digital things. http://www.agentur-loop.com/ 124
  32. 32. The Kings of Summer, Now Playing in Select Cities http://thekingsofsummermovie.com/ 125
  33. 33. Octave & Octave recrute 5 talents enthousiastes http://www.octaveoctave.com/jobs 126
  34. 34. Carlos Molina http://yolive.me/ 127
  35. 35. Interactive design studio | Lyon | REZO ZERO http://www.rezo-zero.com/ 128
  36. 36. Adam Rudzki - Graphic Designer & Art Director http://adamrudzki.com/ 129
  37. 37. ONY AGENCY http://en.ony.ru/ 130
  38. 38. Iedereen DubbelFrisss http://www.dubbelfrisss.nl/ 131
  39. 39. Case 3D http://www.case-3d.com/ 132
  40. 40. Carrera - Racing Since 1956 http://carreraworld.com/ 133
  41. 41. 9. METRO GRID The Metro UI name has been officially buried because of a possible trademark dispute. Microsoft offered “Windows 8-style UI” instead but the design world somehow refused to use it (sounds like product placement, doesn’t it?). It didn’t kill the trend though. Together with the pinterest-like grids, metro grid has become extremely popular in 2013 and certainly will remain popular in 2014. Designers started to love websites and web applications full of nicely crafted boxes. Appealing, simple aesthetics almost dominated the Internet. Choosing 15 nice implementations of the “Metro Grid” wasn’t an easy task, but we managed to do it. Enjoy! 134
  42. 42. Kitchen http://www.kitchenprague.com/ 135
  43. 43. UGSMAG http://ugsmag.com/ 136
  44. 44. Web Apps, Web Technology Trends, Social Networking and Social Media – ReadWrite http://readwrite.com/ 137
  45. 45. The Gadget Flow | Cool gadgets - Gadget gift ideas - Home gadgets http://thegadgetflow.com/ 138
  46. 46. Juliana Bicycles | The Original Women’s Mountain Bike http://www.julianabicycles.com/ 139
  47. 47. Mustafa Demirkent :: Portfolio Website http://mustafademirkent.com/ 140
  48. 48. Pulco - La vie à la Fresh ! http://laviealafresh.com/ 141
  49. 49. Ale De Carvalho / Art Direction http://a-d-c.net/ 142
  50. 50. Control Films - Production Company in Paris http://controlfilms.tv/ 143
  51. 51. Escape Flight http://escapeflight.com/ 144
  52. 52. We make apps | Etch http://etchapps.com/ 145
  53. 53. VISIT | University of Coimbra http://visit.uc.pt/en/ 146
  54. 54. Hommard Cashmere Sweaters and more http://hommard.com/ 147
  55. 55. Hommard Cashmere Sweaters and more http://hommard.com/ 148
  56. 56. MVA - SPACE SHOWER MUSIC VIDEO AWARDS http://mva.jp/ 149
  57. 57. 10. MIX-AND-MATCH TYPOGRAPHY 2013 popularized a typography style that we previously knew rather from fancy t-shirts than websites - mixing and matching several styles of fonts. The complex art of choosing the right font is stretched to the extreme in this trend. Neck-breaking typography aerobatics will certainly be with us in the near future. It’s too powerful a brand-shaping tool to disappear. Watch the 15 best examples of Mix-and-Match Typography and be amazed! 150
  58. 58. Forefathers Group | The New Design Frontier http://forefathersgroup.com/ 151
  59. 59. Ermenegildo Zegna official website http://www.zegna.com/ 152
  60. 60. Welcome to the Skybox | Conceptual Design | http://www.skybox.org/ 153
  61. 61. Chris Wilhite | Chris Wilhite Design http://chriswilhitedesign.com/ 154
  62. 62. Timmy Tompkins’ Awesome Fantasy Comic Book Superhero Adventure http://timmytompkinsapp.com/ 155
  63. 63. BTL Brands - Do Better http://www.btlbrands.com/ 156
  64. 64. Fontwalk http://fontstage.de/ 157
  65. 65. Jacksonville Art Walk | I Love Art Walk http://jacksonvilleartwalk.com/ 158
  66. 66. Wicked Palate - Burnsville, MN http://archive.coryetzkorn.com/wicked-palate/ 159
  67. 67. The Production Kitchen http://www.jacquico.com/ 160
  68. 68. Introducing CIRQ. Kosta Browne winemaker, Michael Browne. http://cirq.com/ 161
  69. 69. Cast Iron Design Company | A Boulder Colorado Graphic Design Studio http://www.castirondesign.com/ 162
  70. 70. Barrelhouse Flat http://thebarrelhouseflat.com/ 163
  71. 71. Wild Blue http://wildbluetech.com/ 164
  72. 72. Al Taglio | Pizza au poids et à la coupe http://www.altaglio.fr/ 165
  73. 73. 11. CLARITY AND SIMPLICITY Clarity and Simplicity are always in fashion. In 2013 however this became a major trend. Connected to the “content centric” approach and the flat design, the clarity and simplicity of an interface become a complete, powerful thing. It’s design at its best. Thoughtful, efficient and...simple. Enjoy! 166
  74. 74. B-Reel http://www.b-reel.com/ 167
  75. 75. Haraldur Thorleifsson http://haraldurthorleifsson.com/ 168
  76. 76. Carolina Herrera’s “The House” http://www.carolinaherrera.com/the-house/en/ 169
  77. 77. Grafik. Web Design + Development. Wellington, New Zealand http://grafik.co.nz/ 170
  78. 78. Windows of New York | A weekly illustrated atlas http://www.windowsofnewyork.com/ 171
  79. 79. Harry’s - Great Shave. Fair Price. Simple. http://www.harrys.com/ 172
  80. 80. Rdio http://www.rdio.com/ 173
  81. 81. Spektrum Media http://spektrummedia.com/ 174
  82. 82. Borgo 27 http://www.borgo27.it/ 175
  83. 83. Eduardo Nunes – Cross-Media Designer http://www.eduardonunes.me/ 176
  84. 84. Cédric Marteau Portfolio, Developer front end & UX Designer http://www.cedricmarteau.com/ 177
  85. 85. Rosebud http://www.rosebud-ad.com/ 178
  86. 86. AÃRK Collective http://aarkcollective.com/ 179
  87. 87. Shun Cutlery http://shun.kaiusaltd.com/ 180
  88. 88. Substrakt - Branding, Print, Design, Digital Web & Mobile. Birmingham & London http://substrakt.co.uk/ 181
  89. 89. 12. COOKIES WARNINGS The European Union gave designers a huge headache in 2013. Cookie warnings are now obligatory for all European websites. That’s an unwanted trend that will certainly be very popular in the next couple of years. Nothing we can do about it apart from...getting used to it. 182
  90. 90. Home - this is true. http://www.truedigital.co.uk/ 183
  91. 91. Lexus Cars Europe | Hybrid Cars | New and Used Lexus Cars http://www.lexus.eu/index.tmex 184
  92. 92. Satorisan - Live By The Walk http://satorisan.com/en/home 185
  93. 93. Conclusion 2013 is the year of smart, aesthetic and simple design. 2014 will be no different. Responsive web design will be even more powerful. Flat Design will be even more popular (since the arrival of iOS7). The clarity and simplicity of content-centric websites will be all over the place. Who knows, maybe this is the golden age of the Internet. The design of 2013 is mature, focused on its purpose and certainly rewarding for the eyes of users. The only thing that can destroy 2014 for all of us is the growing popularity of transitional interfaces. While CSS transitions are great and in the hands of talented designers can add much desired interactivity to the UI, it’s easy to overdose them. 186

×