input of WEBdesign

本

学ぶためのサイトレビュー。 Web Design Clip（https://webdesignclip.com/）で先頭に表示されたサイトを対象にしてます。

運営しているクリエイター: さわちゃん

株式会社壁勝 / #38ch_SiteReview

サイト概要ファーストビュー2カラムのフルスクリーンアドレスバーなどの考慮無し100vh 左は、上からロゴ、メニュー、リード文右はイメージ画像のスライドショーメニューは和風に縦書き（上下のコンテンツと差別化もされている） fvを半分スクロールするとヘッダーメニューが現れ画面固定白背景に黒文字とシンプル。明朝体で落ち着いた伝統さが表現されている。構成フロントページは、fv、壁勝について、施行実績、業務案内下層に各コンテンツのページ壁勝について紹介し、その実績

R.L（エール・エル） / #38ch_SiteReview

サイト概要ファーストビュー代表商品の画像をフルスクリーンで表示。商品を黒い皿にのせた黒背景の画像で、高級感や上品さを出している。ヘッダーはぼかし背景で、画面固定。左端にロゴ右端にハンバーガーメニューと言語選択中央にオンラインショップへのリンクスクロールを促すアクセントを右下に配置。クリックするとリードコンテンツまでスクロールされる。ハンバーガーメニューは、代表商品に似せたデザインになっている。構成フロントページに、fv、リード、商品紹介、店舗一覧、お

HiPro [ハイプロ] / #38ch_SiteReview

サイト概要ファーストビューフルスクリーンのムービーブランドの目的と短い説明文が中央配置されている。 flexboxで配置。ヘッダーにメニュー固定。 NEWS ROOM、MEDIA、BRAND、SERVICE、TOP MESSAGE、PERSOL GROUP スクロールを促すアイコンが置かれている。配色が回転するアニメーション。構成ファーストビューに続いて、NEWS、MEDIA、BRAND（ブランド説明）、SERVICE、代表メッセージ、グループ会社説明下層に

Nici 窒素循環社会プロジェクト / #38ch_SiteReview

サイト概要ファーストビュー画面幅いっぱいの、温かみあるアナログ手書き風のカラフルなイラスト。一部にアニメーションがついている。時間でループ。端から約190px～390pxの余白を持たせている。左上にロゴ、左上にキャッチコピーとリード文、左下にMENU（画面固定）デザイン全体的にハンドメイド感があり柔らかい。 MENUボタンのステッチデザイン。ベタ塗りを使わず、ノイズのある画像を使用。構成TOPページはABOUTとお知らせ下層にメンバー、研究紹介、研究実

シエリアサロン大阪梅田ライフデザインミュージアム / #38ch_SiteReview

サイト概要ファーストビュー・ミュージアム内の写真に黒のフィルターをかけて、白文字を乗せている。・要素は詰め込まれているが、リード文の英字が細いヘアラインセリフなので、余白が足りない感じはない。・左上はサロン名、右上はメニューがまとめられており、その右端は予約ボタンが配置されている。・1スクロールすると、サロン名はフェードアウト、メニューと予約ボタンは縮小する。構成・フロントページのみ、内容はTOP、ABOUT、LINE UP、FLOW、MUSEUM、NEWS、ACC

株式会社カイロス / #38ch_SiteReview

サイト概要ファーストビュー・中央にロゴを、大きすぎないサイズで配置。・余白感が良い。・文章も短め・単純なものでシンプルにまとまっている。・ランダムにふわっと表示される。・コンテンツはaboutのみ。構成・フロントページに、about、実績、サービス内容、お問い合わせを配置。・短めの文章とサムネイルで、情報を単純に伝えている。（複雑でない）・sectionの見出しは縦書き。それに合わせてfooterのサイトマップも縦書き・新着情報ページはない。・実績ページ

株式会社美濃忠 / #38ch_SiteReview

サイト概要ファーストビュー・ポップな丸みのあるイラストを使用。・リードは「つくるを支える」、会社を説明する一文あり。・フルスクリーンだが、100vhではない。・右上に、お問い合わせ、MENU。・MENUはボタンクリックで右からスライドインしてくる。構成・下層にABOUT、PRODUCT、CORPORATE、CAREER、お問い合わせ、アクセス・ファーストビュー、ABOUT触りあり、PRODUCT触りあり・INFORMATIONとしてCORPORATEとCARE