[NEW] Decide on a design concept

[3jins]

• Never be similar with most of blogs

• Be beautiful

• Be convenient for visitors

• references

  • https://interface.fh-potsdam.de/future-retro/ZKM/ZKM-1000/public/?id=0
  • https://interface.fh-potsdam.de/future-retro/HN/
  • http://everylastdrop.co.uk/
  • https://activetheory.net/home
  • Good example of minimal design:
  • http://www.austindehaven.com/
  • http://www.williansdeabreu.com/
  • http://www.aisforalbert.com/

  • Distort pictures with simple pattern.
    the distorted picture	the original picture

  • notification button in the corner for notice feature https://sanghaklee.tistory.com/53
  • Using theme color for each post and make the color to be connected to the post detail page seems good idea. Refer this:
  • https://www.pushhere.com/pushers
  • https://regrocery.co/
  • Use poligons to express objects: http://species-in-pieces.com/#
  • Make a simple logo and use it as an object for meaningful interactions like a menu button: https://wearec2.com/#/
  • It would be interesting if a 3D cube is used and visitors can rotate it.
  • Neat post list for mobile view: https://www.nuabikes.com/blog
  • https://rallyinteractive.com/#franklin-square
  • Make size of the posts irregular: https://99u.adobe.com/ (pc version)
  • https://99designs.com/categories (pc version)
  • Use backgtound color to make animation smooth: https://thelaartbox.com/
  • Gears and time can be a great objet: https://www.youtube.com/watch?v=8hq0eAt0_ng
  • Single theme color and dreamy but powerful mood: https://youtu.be/fPU6Wewxz6c
  • Effective exhibition of multiple images: https://www.awwwards.com/vote-for-site-of-the-month-january-2021-and-win-a-free-profile-in-our-designers-directory.html
  • scroll and 3d moving: https://fave.kr/contact/
  • repetitive style change on single draw: https://youtu.be/25-hPuxUqss?t=588 (Apple's recruiting advertisement)
  • repeating cartoon-style animation: https://www.youtube.com/@DeeKayKwon

• detail proposals

  • Exclude 'Works' from main menu. Leave only 'Posts' and 'About', so make it simple.
  • Consider using space theme and make visitors feel like they are traveling the space.

[phm0127]

how about this?

[3jins]

about

• Make active use of images to illustrate my career history.

posts

• Be simple for visitors to be easy to concentrate the contents.
• Pinterest-like design.
• style details
  • post preview
  • width
    • min-width <= width <= max-width
    • if no picture: width = min-width
    • if picture exists and min-width <= picture width <= max-width: width = picture width
    • if picture width > max-width: resize the picture to max-width
    • if picture width < min-width: resize the picture to min-width
    • if height of the (resized) picture > max-thumbnail-image-height: crop the picture
    • So, every preview block have dynamic width by width of the picture of them
  • height
    • (cropped) picture height + thumbnail content height
    • So, heights of the preview blocks are also not fixed.

[phm0127]

lgtm