概要

コーポレートサイトをイメージした作品です。
植物を用いた空間デザインで施工事業・リニューアルを行う会社をクライアントとして想定しております。
HTML,CSSのコーディングの観点から少し難しいデザインを制作してみたいと考え制作に着手しました。
菱形を用いたデザインをコーディングで実装することが難しかったのですが、flexで大まかな配置を定めてから微調整を行うなどの工夫を取り入れることで作業のスピードを高めました。

工夫した点

サブページの背景に写真のスライドを実装をすることで、TOPページとの統一感を出せるよう工夫しました。
配色においては、サブページごとにテーマカラーを決め、cssのグローバル変数を利用して区別化することで、各々の統一感を出すことに成功し、作業効率アップにもつながりました。
構成については、ヘッダーの内容を画面左に固定し、横長のPC画面に必要な情報がバランスよく配置される構成でデザインを組みました。

ページ数	６ページ （トップ、会社概要、制作実績、施工の流れ、店舗情報、採用情報）
使用した言語	HTML,CSS,JQuery
制作期間	15日間
レスポンシブ対応	あり
Wordpress組み込み	なし
フォームの動作	入力項目のエラーチェック：あり メール送信・受信機能：無し