【自主制作】建設会社のホームページ

トップ、下層2ページ

-

【担当範囲】

ワイヤーフレーム作成、配色やフォントの選定、画像補正、デザインカンプ作成、レスポンシブ対応、コーディング

-

【使用言語、ツール】

 ・HTML/CSS

・jQuery

・Photoshop

・Figma

・VSCode

-

【概要】

建設会社の新規サイト制作

・目的

 　お問い合わせの数を増やすこと  

・ターゲット

　クライアントの製品に興味がある会社や店舗

・印象

　ポップ、若者に受けるようなデザイン、楽しい

・イメージカラー

　カラフル

-

【ポイント】

・会社ロゴを連想させる図形をページに散りばめてより賑やかにしました。

・楽しく最終的な目標である「お問い合わせを増やすこと」を達成するために、お問い合わせフォームへのリンクを他の項目とは違うデザインにして目立たせました。  

-

【アニメーションについて】

・ハンバーガーメニュー

・スムーススクロール

・FAQのアコーディオン

・フォームのドロワー

・SP時のスライダー（プラグインslick使用）  

・ボタンやカードのホバー時のアニメーション