WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

タイトル部分に動きをつけて目立たせる

   

名称未設定 1

愛知県名古屋市にある和菓子屋「一朶」のホームページです。

縦長のシングルページの構成で、とてもシンプルなデザインになっています。一番上の写真は写真の端の部分にテクスチャを使用して布のような質感になっています。イラストから写真に変わる演出も良いですね。

最初のお店を紹介する部分では、イラストを使用して暖かみのある雰囲気になっています。商品の紹介部分でも、写真を丸く切り取り、その丸に合わせて影を付けたりすることで凹凸があるような感じになっています。タイトルも、スクロールに合わせてふわふわ動き、存在感がありますね。

なにより驚いたというか少し感動したのが、一番下のFacebookの部分です。なんと、名古屋だからか「いいね!」ボタンではなく「ええやん!」ボタンになっています。こういった少しの遊び心はとても面白いですね。

 - 動きで表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

アリのマークを用いて様々な仕掛けを作る

東京都にある株式会社「Alfanet(アルファネット)」のホームページです。 ま …