その他

2022.07.27

【勝手にWEBサイトレビュー#28】画像の枠にこだわりのあるポートフォリオサイト

こんにちは!

Webデザインアワードで入賞しているWebサイトのご紹介第28回です。

今回も引き続き「CSS Design Awards」または「Awwwards」の中から特に目に留まったWebサイトをご紹介していきます!

https://www.sketchy.media/

今回ご紹介するのは、フルスタックデザイナー、ブランディングをしている人のポートフォリオサイトです。。
Awwwardsに入賞しています。

▼Awwwards掲載ページ
https://www.awwwards.com/sites/sketchymedia-building-brands

真似したいポイント

初代photoshopのような画像の枠線

サイト内のほとんどの画像には初代macのphotoshopのUIを連想させるようなフレームが付けられています。
デザイナーらしいコンテンツに寄せて遊び心を取り入れているのは面白くて、真似してみたいなと思いました。

すごい!と思ったポイント

実績のメニューの見せ方

実績が並べられたメニューのテキストにマウスカーソルを乗せると、その実績の写真が表示されます。
リンク先へ飛ばなくても画像を見て内容がわかると、そのままリンク先へ飛んでみたくなる工夫だと思いました!

カーソルに合わせた動きげのこだわり

WORKS部分のカーソルに合わせて動く画像が、Illustratorやphotoshopのキャンバス上でオブジェクトを動かしている感覚に近い動きとなっています。
画像のフレームのデザインと雰囲気を合わせているような動きで遊び心が面白いです!

まとめ

知っている人が見ると「あ!あの時のphotoshopだ!」と思わせてくれるような遊び心が満載なサイトでした!
今回ご紹介した部分以外にも面白い部分がたくさんあるので、ぜひ見てみてください!

前回のレビューはこちら!

この記事をシェアする

関連記事

  • 2024.03.22

    Webデザインにおけるアニメーションについて考えてみた〜実例編〜

    その他

  • 2024.03.12

    Webデザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2024.02.02

    Webデザインにおけるアニメーションについて考えてみた〜目的編〜

    デザイン

    その他

おすすめ記事

  • 2022.04.22

    【動画編集ソフト】アフターエフェクトとプレミアプロってなにが違うの?違いと使い分けを解説!

    制作

    動画

  • 2022.04.12

    Chromeで画像やテキストがぼやけるときの対処法

    コーディング

    制作

  • 好きなフォントは?現役WEBデザイナーに聞いてみた!

    2022.06.01

    デザイナーなら好きなフォントの1つや2つあるでしょ?現役WEBデザイナーに好きなフォント聞いてみた!

    デザイン

    制作

×