WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 ,

Message

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

  関連記事

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

記事の下まで行くと右側のコンテンツもぴったり止まる

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。 全体のレイ …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …