さわちゃん

WEBディレクターのアシスタント｜ほんのりHSS型のHSE

さわちゃん

WEBディレクターのアシスタント｜ほんのりHSS型のHSE

  • input of WEBdesign

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

  • HSP

    HSPについて、私自身のことをベースに投稿。

株式会社壁勝 / #38ch_SiteReview

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

さわちゃん

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

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

      さわちゃん

      • 私はHSS。---その心当たりとは？

        こんな人に読んでほしい。 自分が、身近な人がHSSなのか分からない。 刺激に敏感だけど、新しいことや非日常が好き。 HSSの体験談が知りたい。 ▶HSSについて、簡単まとめHigh Sensation Seeking ハイ・センセーション・シーキング 頭文字で略して、HSSと読みます。 心理学者マービン・ズッカーマン博士が提唱した言葉です。 要するに、好奇心旺盛な人のことをHSSと呼んでいるようです。 新しいもの好き（期間限定や新商品を選びがち） 非日常体験が

        さわちゃん

        • HiPro [ハイプロ] / #38ch_SiteReview

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

          さわちゃん

        株式会社壁勝 / #38ch_SiteReview

        さわちゃん

        マガジン

        • input of WEBdesign
          7本
        • HSP
          4本

        記事

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

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

          さわちゃん

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

          さわちゃん

          私はHSE。---その心当たりとは？

          こんな人に読んでほしい。 自分が、身近な人がHSEなのか分からない。 感受性豊かだし刺激に敏感だけど、人と関わることが好き。 HSEの体験談が知りたい。 ▶HSEについて、簡単まとめHighly Sensitive Extrovert ハイリー・センシティブ・エクストロバート 頭文字で略して、HSEと読みます。 HSPはDOESの特性から内向的になりやすいです。 HSPである上で外向的でもある人や、 その気質を指す言葉がHSEです。 ジャクリーン・スティックラン

          さわちゃん

          私はHSE。---その心当たりとは？

          さわちゃん

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

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

          さわちゃん

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

          さわちゃん

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

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

          さわちゃん

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

          さわちゃん

          株式会社美濃忠 / #38ch_SiteReview

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

          さわちゃん

          株式会社美濃忠 / #38ch_SiteReview

          さわちゃん

          私はHSP。---その心当たりとは？

          こんな人に読んでほしい。 自分が、身近な人がHSPなのか分からない。 HSPの人はどんなことを考えているの？ DOESじゃなくて、その具体例が知りたい。 ▶HSPについて、簡単まとめHighly Sensitive Person ハイリー・センシティブ・パーソン 頭文字で略して、HSPと読みます。 「感受性が高い気質」や、そういった気質の人を指す言葉です。 HSPかどうかの判断基準がDOESです。 深く考える：Depth of processing. 刺激に過敏

          さわちゃん

          私はHSP。---その心当たりとは？

          さわちゃん

          HSPとは？---気質のこと、病名じゃない。

          こんな人に読んでほしい。 HSPって何？病名？ HSP、HSE、HSS、HSなんちゃらが多すぎて分からない。 身近な人が繊細さん。 ▶HSPとは、気質のこと。Highly Sensitive Person ハイリー・センシティブ・パーソン アーロン博士が提唱したこの言葉の頭文字を取って、 HSP（エイチ・エス・ピー）と読みます。 直訳すると「感受性の高い人」 判断基準として、通称DOES（ダズ）という次の4項目が挙げられています。 （以下4項目は、直訳と自己解釈でま

          さわちゃん

          HSPとは？---気質のこと、病名じゃない。

          さわちゃん