制作課題として、イマジカデジタルスケープのコーポレートサイトをチームで作成しました。

URL

https://coding1.h-kaito.com/

ユーザー名：h-kaito
パスワード：kaito

担当

「サービス」「リクルート」コンテンツと「フッター」のワイヤーフレーム・デザイン・コーディング

作業工数

16日（ワイヤーフレーム:5日、デザイン:4日、コーディング:7日）

サイトの目的

web制作、人材派遣等の年間お問合せ数10％増を目指しています。

ターゲット

大企業で人材不足に悩んでいるwebマーケティング部門の担当者

デザインについて

PCの閲覧をメインにワイヤーフレーム、デザインを考えました。webサイトを作っている会社なので、未来感を感じてもらえるようなファーストビューを意識しました。
全体のデザインに関しては、頼れる、知性的をテーマにしています。
コンテンツ全体の縦のラインが揃っている事で頼れるな感じと見やすさを意識しています。
web業界は高い専門知識が必要だと考えたので、知性的をテーマに落ち着いたブルーを使いました。

コーディングについて

FLOCSSを用いてコーディングを行いました。
チームでコーディングをしている為、まず初めにコーディングのルールを決め、その後各々担当セクションのコーディングを開始しました。サービスセクションのアイコンとテキストの位置がうまくデザイン通りにならず苦戦しましたが、チームメンバーにアドバイスをもらいコーディングを完了しました。