ys_webdesign

福岡市在住のwebデザイナーです。日々の業務や勉強の中で気付いたこと、学びを記していま…

ys_webdesign

福岡市在住のwebデザイナーです。日々の業務や勉強の中で気付いたこと、学びを記しています。

参考サイト考察　ー株式会社メルペイー

【テーマ】 ・モダンでシンプルなデザイン ・余裕のある余白設定 ・無彩色のカラーレイアウト ・直線の構成 【事業内容】 メルカリの運営する決済サービス 【Responsive】 対応（ブレイクポイント:768px) 【color】 ベースカラー（background)：#fffeff キーカラー（薄い水色）：#e3edf9 キーカラー （少し青みがかった薄いグレー）：#d2dce5 アクセントカラー（明るい水色）：＃009add 【font-family】

ys_webdesign

    • 参考サイト考察　ー長野県建設技術センターー

      【テーマ】・モダンなデザイン ・大胆な余白 ・2カラー（青、緑） ・直線のみで構成されている。 【事業内容】長野県建設技術センターは、長野県内の地方公共団体が施行する建設事業等の社会資本整備に係わる技術支援事業を行い、もって地域の振興発展及び公共の福祉の向上に寄与することを目的とした団体です。 ①技術研修等の取り組みの告知 ②入札情報の開示 ③材料試験等の申込の受付 ④求人 の4点がサイトの主な役割。 【Responsive】対応（ブレイクポイント:1,0

      ys_webdesign

      • 参考サイト考察　ーFORCASー

        【テーマ】 ・モダンなデザイン ・大胆な余白 ・ワントーンカラー 【事業内容】 成約確度の高い企業をデータ分析に基づいて特定し、マーケティングと営業のリソースをターゲット企業に向けて集中する最新マーケティング手法「ABM（アカウント・ベースド・マーケティング）」の実践を強力にサポートするクラウドサービス。 【Responsive】 対応（ブレイクポイント:920px) 【color】 ベースカラー（background)：#fff サブカラー ：#f5f5

        ys_webdesign

        • 参考サイト考察 ーソフトバンクグループ株式会社ー

          【Responsive】 対応（ブレイクポイント:768px/1279px) 【color】 ベースカラー（background)：#fff サブカラー ：#959899 サブカラー ：#9c9d9d 【font-family】 FrutigerNeueLTW1G 【font-size】 （見出し）22px~24px（本文）14px 【工夫と目的】 ①主なユーザーは顧客、株主といったステークホルダーであることから日本を代表する企業としての信頼感、誠実な印

          ys_webdesign

        参考サイト考察　ー株式会社メルペイー

        ys_webdesign

          参考サイト考察　ーdancyuー

          【Responsive】 対応（ブレイクポイント:813px) 【color】 ベースカラー（background)：#fff サブカラー ：#f1ebd7 サブカラー ：#262626 アクセントカラー：#cb0a01 【font-family】 游ゴシック 【font-size】 （見出し）32px（本文）15px （見出し）26px（本文）15px （見出し）22px（本文）13px 【工夫と目的】 １、縦のラインを整列しないレイアウト （

          ys_webdesign

          参考サイト考察　ーdancyuー

          ys_webdesign

          参考サイト考察　ー株式会社トンボ鉛筆ー

          【Responsive】 対応（ブレイクポイント:768px) 【color】 ベースカラー（background)：#fff サブカラー (background)：f5f7f9 アクセントカラー（ロゴ）:#b80131 【font-family】 Yakuhan JP 【font-size】 各セクション見出し：（英語）30px (日本語）12px 本文：14px その他リンク等：10px 【ポイント】 ・全体として余白を大きく取り整理された印象を

          ys_webdesign

          参考サイト考察　ー株式会社トンボ鉛筆ー

          ys_webdesign

          参考サイト考察 -SETOUCHI-ARCHI-TOURISM-

          【Responsive】 対応（ブレイクポイント:820px) 【color】 background:fcfbfa アクセントカラー:B38112 【font-family】 英語：aktiv-grotesk-condensed 日本語：游ゴシック 【font-size】 ヘッダーメニュー:16px 各セクション見出し：(英語)20px (日本語)16px 本文：14px 【ポイント】 ・ゆったりとした感覚を与える贅沢な余白の使い方と繊細で優雅なイメ

          ys_webdesign

          参考サイト考察 -SETOUCHI-ARCHI-TOURISM-

          ys_webdesign

          参考サイト考察 -BAKE CHEESE TART-

          【responsive】 対応（ブレイクポイント:768px) 【color】 テーマカラー：#FFD700 【font-family】 futura-pt、my-Yugothic、noto-sans 【ポイント】 ・少し過剰なまでのコントラストを付けた写真素材と黄色、黒、白のコントラストがマッチしておりスイーツのサイトでありながら非常にシャープな印象を与えている。 ・訪問時に透過した黄色の三角形がフェードインするアニメーションと商品のカラーが調和し、テーマー

          ys_webdesign

          参考サイト考察 -BAKE CHEESE TART-

          ys_webdesign

          参考サイト考察 -MoMA Design Store

          レスポンシブ：非対応 【font-family】MoMA sans regular 【font-size】 (header-menu):16px (h2):24px (p):13px 【余白】 左右：60px 上下方向：40px 【感想】 ・全体的に非常にシンプルな構成でありながら余白の使い方が上手く商品が美しく見せられている。 ・フォントはオリジナルフォントの角ゴシック体。 ・各セクションに配置された画像、背景色と全体の背景色：ホワイトとの対比によ

          ys_webdesign

          参考サイト考察 -MoMA Design Store

          ys_webdesign