ころころ。

Webデザイナー／趣味：ころころ変わりますが、ラーメン屋巡り、片付け、Youtube視…

ころころ。

Webデザイナー／趣味：ころころ変わりますが、ラーメン屋巡り、片付け、Youtube視聴／デザイン全般の気になったことをまとめていきます。

【真似したくなる！参考サイトを集めてみた！】　飲料・食品編

今回は「飲料・食品編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●ココ育PROJECT | 森永製菓【対象となるユーザーが明確にわかるサイト】 こちらのサイトは、小さな子供を持つ親とその子供を対象にしたサイトになっています。 コマグちゃんというキャラクターを通して、親子で一緒にココアを作ることで、食育・知育につなげ購入してもらうことを目的としています。 スクロールすると、コマグちゃ

ころころ。

    • 【真似したくなる！参考サイトを集めてみた！】　スポーツウェア・器具編

      今回は「スポーツウェア・器具編」ということで、3サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●カワシマサイクルサプライ【スポーツと工業のデザイン】 スポーツサイクル&パーツ輸入卸売業のサイトになります。 使用されているカラーが、白、黒、グレー、赤の工業製品のサイトでよく見る配色です。 そこに斜体の英文字があり、スポーツ関連でよく見る要素が入っています。 シンプルなサイトですが、スポーツと工業をミック

      ころころ。

      • 【真似したくなる！参考サイトを集めてみた！】　スポーツ・アウトドア編

        今回は「スポーツ・アウトドア編」ということで、4サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●富士北麓の自然を満喫できるFUJI GATEWAY（フジゲートウェイ）の公式サイト。【レイアウトの美しさが際立つサイト】 富士北麓エリアを満喫できるアドベンチャー施設のサイトになります。 情報が多いサイトですが、全体的なレイアウトはもちろん、カード内のレイアウトなど細かな部分もしっかり考えられて制作されてい

        ころころ。

        • 【真似したくなる！参考サイトを集めてみた！】　インターネットサービス・ソフトウェア編

          今回は「インターネットサービス・ソフトウェア編」ということで、3サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●株式会社コミュニティオ【かわいいイラストを使用しながらも、信頼感を感じるデザイン】 こちらのサイトはアプリケーション開発をする会社のサイトになります。 イラストを使用し親しみを感じるサイトです。 ポップな色のイラストを使用していますが、企業としての信頼感は損なっていません。 それはシンプルな

          ころころ。

        【真似したくなる！参考サイトを集めてみた！】　飲料・食品編

        ころころ。

          【真似したくなる！参考サイトを集めてみた！】　家電製品編

          今回は「家電製品編」ということで、4サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●はらぺこロゴス 燒く、煮る編（Smart LOGOS vol.22）【若者向けファッションサイトのようなデザイン】 こちらのサイトはユーザー層に合わせておしゃれにポップなデザインになっています。 イラストやフォント・色の選定はポップになりすぎず、LOGOSの商品や家族設定にもあったデザインです。 TYPE：ブランドサ

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　家電製品編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　コンピュータ・テクノロジー編

          今回は「コンピュータ・テクノロジー編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●Quentin Hocdé【サイト全体のビジュアルエフェクトが秀逸】 こちらは個人のポートフォリオサイトです。 背景に広がる記号の波が印象的なサイトで、スクロールすると人の形に変化します。 動き一つ一つに無駄がなく、文字のレイアウトを活かしています。 エフェクトだけではなく、フォントの選定や文字組み、

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　コンピュータ・テクノロジー編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　暮らし・生活・サービス編

          今回は「暮らし・生活・サービス編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●仙台で暮らす、湖山で働く。医療福祉系の会社が仙台に人材を集めるために制作したサイトです。 地方都市の人口減少は年々進んでおり、特に高齢化社会にとって医療福祉に携わる人材の減少は問題になっています。 福祉系の仕事は明るいイメージがないですが、このサイトではそのイメージを払拭するようなデザインになっています。

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　暮らし・生活・サービス編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　キッズ・子育て編

          今回は「キッズ・子育て編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●GREEN BATON | HELLY HANSEN（ヘリーハンセン）公式サイト - GOLDWINサイト全体のレイアウトやカラーの使い方も美しいですが、このサイトの一番注目すべきポイントはキービジュアルです。 スクロールに合わせて、左の子供から右にいる子供へバトンが渡され、サイトを見ているユーザーに向かって走っ

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　キッズ・子育て編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　デザイン・アート・美術編

          今回は「デザイン・アート・美術編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●高浜市やきものの里 かわら美術館・図書館（ミュージアム）｜愛知県瓦の美術館として開館した後、市立図書館の機能移転に伴い図書施設の運営も始まった施設です。 瓦を思わせるカラーやテクスチャーを使用して、美術館の特徴を表現しつつ、キャラクターを使用し温かみが感じられるデザインにすることで、地域の人々から親しまれ

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　デザイン・アート・美術編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　音楽・バンド・レーベル編

          今回は「音楽・バンド・レーベル編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●森山直太朗オフィシャルサイトスクロールに合わせて、アーティストの顔周辺のイラストが変化する、遊び心のあるサイトです。 アーティストの顔は背景として固定され、イラストを始めNewsなどの情報はスクロースすると下から上に流れていきます。 イラストは季節ごとに変化します。 TYPE：ブランディングサイト F

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　音楽・バンド・レーベル編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　アニメ・映画・動画編

          今回は「アニメ・映画・動画編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●アニメ「OBSOLETE」公式サイト文字や画面全体に入れるノイズの入れ方や動きが参考になるサイトです。 細かなあしらいも参考になります。 TYPE：ブランドサイト FONT：Oswald,Obsolete,ヒラギノ角ゴ Pro W COLOR： ●TVアニメ『マッシュル-MASHLE-』公式サイトサイ

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　アニメ・映画・動画編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　ゲーム・ホビー編

          今回は「ゲーム・ホビー編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●ニューラルクラウド公式サイト細かなあしらいやフォントの選定にこだわりを感じるサイトです。 TYPE：ブランドサイト FONT：bd-supper,zen-kaku-gothic COLOR： ●VS AMBIVALENZ（ビバレン）公式サイトオーディションゲームなので、TOPページはオーディションの進行が

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　ゲーム・ホビー編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　エンターテインメント・イベント編

          今回は「エンターテインメント・イベント編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●コーヒーシティフェスティバル2023POPなイラストを使用したコーヒーショップのイベントサイトです。 PARCOのイベントなので、若者向けのデザインになっています。 PARCOが得意とするモノクロベースにカラフルな色使いです。 TYPE：特設サイト FONT：bd-supper,zen-kak

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　エンターテインメント・イベント編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　冠婚葬祭編

          今回は「冠婚葬祭編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●熊本県にある霊園 菩提樹苑（ぼだいじゅえん）和の落ち着いた雰囲気を、レイアウト・余白・画像で表現しつつ、今どきのデザインに落とし込むために、フォント・イラストを用いて表現しています。 TYPE：コーポレートサイト FONT：TsukuBRdGothicStd-M, Yu Gothic COLOR： ●善称寺柔ら

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　冠婚葬祭編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　ショッピング・商業施設編

          今回は「ショッピング・商業施設編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●札幌PARCO GO scramble SO ramblePOPでカラフルな色使いのデザインは、若者向けになっています。 黒と白をベースに、カラフルな色の組み合わせや使用する箇所を考えたデザインになっています。 TYPE：特設サイト FONT：anisette-std,dnp-shuei-gothic

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　ショッピング・商業施設編

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　文具・雑貨編

          今回は「文具・雑貨編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。 個人用まとめサイトですが、参考にしていただければと思います。 ●ABT | トンボ鉛筆商品の色の美しさを最大限に表現している横スクロールのサイトです。 背景はグレーと白、レイアウトもシンプルですが、文字組みが美しく商品に見入ってしまいます。 TYPE：ブランドサイト FONT：Barlow,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",

          ころころ。

          【真似したくなる！参考サイトを集めてみた！】　文具・雑貨編

          ころころ。