10 Hometowns for Each - Takumi Nasuno Photography
Web Design
Review of the latest trend of web design before changing my blog design

It's been long since I visited Rovaniemi... Well, the photo above is not related to this post, haha. This time I reviewed the latest trend of web design before changing my blog design.


  • Parallax design
  • Material design
  • Minimal design
  • Cinemagraphs
  • Hero header
  • Split screen
  • Storytelling
  • Card layout
  • No chrome design
  • Infinite scroll
  • Boomerang
  • Animation in screen transition
  • Decline of hamberger menu
  • Asymmetry
  • Bold and creative typography
  • Icon plus text
  • Flexbox
  • SVG

There I found a lot of keywords like above.


While most websites are designed for various devices in the mind of smartphone-first, being "responsive" itself looks like being regarded as a basic rule and is referred to as a latest trend. There appears to be various methods like parallax design, minimal design, split screen, card layout, no chrome design in order to realize being better responsive.

I recognized Flexbox this time. Flexbox appears to be used for long. I found many articles emphasizing the merits of Flexbox like replacement of float & clearfix, arrangement of elements, setting elements in fixed width and height, etc. However, I'm not skillful enough to understand why it is better to use this... Anybody, please tell me...


So the policy of this time's design change is...

  • to use minimal design and hero header on the toppage
  • to use global navigation of icon plus text
  • to add animation in screen transition
  • to adopt material design as much as possible

Please look forward to the result of my challenge!

Blog Category