クックパッド レシピ

クックパッドのコーポレートサイトのデザインやCSSの記述などを分析した結果を掲載中。有名大手一流企業のWEBサイトはどのように作られているか知りたい時や、企業のホームページ制作で困ったときにチェック!

日本最大の料理レシピサービス。350万品を超えるレシピ、作り方を検索できる。家庭の主婦の作った簡単実用レシピが多い。利用者は5400万人。自分のレシピを公開できる。

タイトル・テキスト設定

See the Pen HITACHI by keisuke414 (@keisuke414) on CodePen.

font-family

‘メイリオ’,Meiryo,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’MS Pゴシック’,Arial,Helvetica,sans-serif

H1タグのフォント設定

24px相当
bold
#777777

H2タグのフォント設定

17.6px相当
bold
#575757

H3タグのフォント設定

16px
bold
#737373

H4タグのフォント設定

15.36px相当
bold
#333333

Pタグのフォント設定

14.4px相当
#333333

「px相当」はrem,em,%などの設定をしているものを、pxに換算した場合の数値です。

感想

クックパッドのサイトを見て感じた点です。

まず全体的な印象ですが、コーポレートカラーを基調とした色遣いがシンプルですっきりとした好印象のサイトです。

次にヘッダーメニューですが、使い勝手が良いです。

見出しのデザインですが、これもコーポレートカラーを取り入れたシンプルなデザインでわかりやすく見やすいデザインになっています。

全体のデザイン:★★★★★

UI:★★★★★

画像:★★★★★

フォント:★★★★★

SEO:★★★★★

参照

使用技術

アナリティクス

Matomo Analytics

Google Analytics

Webフレームワーク

Ruby on Rails

Webサーバー

Nginx

プログラミング言語

Ruby

アドネットワーク

Prebid

Criteo

Google Publisher Tag

Google AdSense

タグマネージャー

Google Tag Manager

JavaScriptライブラリ

jQuery 2.2.4

リバースプロキシ

Enboy

Nginx

ドメイン情報

ドメイン名COOKPAD.COM
有効期限2028-04-12T04:00:00Z
状態clientTransferProhibited https://icann.org/epp#clientTransferProhibited
ネームサーバーNS-1805.AWSDNS-33.CO.UK
NS-1526.AWSDNS-62.ORG
NS-134.AWSDNS-16.COM
NS-582.AWSDNS-08.NET
登録者メールアドレスdomain@cookpad.com
管理担当者メールアドレスdomain@cookpad.com
登録年月日1999-04-12T04:00:00Z
レジストラNetwork Solutions, LLC

サーバー情報

使用サーバー

Fastly

コメントを残す

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