-詳細-
detail制作物名
title
制作期間
termデザイン: 3日
コーディング: 2週間
使用ツール
tool
目的
purpose•Web制作会社・自社デザインチームへの応募において、
実務に近い制作フローを再現できることを示す
•デザインだけでなく、
情報設計 → UIデザイン → コーディング → WordPress構築 まで対応可能な
“一気通貫の制作スキル” を証明する
•多ジャンル(EC/LP/ロゴ/バナー/WordPressテーマ)に対応できる
表現の幅と応用力 を評価してもらう
•「目的に合わせてデザインを変えられる人材」であることを明確にする
•未経験でも即戦力となる 思考プロセス・設計力 を見せる
対象
terget•Web制作会社(コーポレート・LP制作・中小企業案件)
•デザイン会社(バナー・LP・広告全般)
•WordPress案件の多い制作会社
•UIデザイン+コーディング対応が必要な企業
•インハウスのWeb担当・デザイナー
•「デザイン × 実装」で動ける人材を求めている企業全般
採用ご担当者の皆様
設計意図
designコンセプト:
猫と一緒にご覧いただきたいをテーマに、自身の人柄を知っていただく上で、誠実さと温かみの両立を目指しました。
デザイン:
猫をテーマにし、要素を多めに入れました。ネズミが動くアニメーションやインジケーターなどを組み込んでいるため、コンテンツ自体はできるだけシンプルにしています。
メインカラーを落ち着いた青として、誠実さや真面目さ、清潔感を感じていただくとともに、手書き風フォントや全体背景のベージュグラデーションで温かみを感じていただけるよう意識しています。配色については先のメインカラーを基準に明度と彩度を調整する形で、統一感が取れるよう意識しました。
コンテンツ量が少なく、文字フォント自体も小さめのため、余白を開けすぎると間延びした印象となるので、バランスをとって少々狭めの余白を意識しています。
コード設計:
プロトタイプで作成した内容を踏襲しつつ、wordpressとscssについて学習したため、それらを活用したテーマ作成を行いました。
テーマからの作成のため、他社の利用となる場合を考慮した上で、制作物についてはできる限り管理画面上でコンテンツの入力と選択ができるよう、ACFによるカスタムフィールドを設定し、それを返す形にしています。
また、一番ご覧いただく機会の多いトップページにて、最新投稿ではなく任意の制作物の掲載ができるようタグによる管理をおこなっております。
尚、前述の通りコンテンツ量が多くないので、表示幅を最大1200に固定し、ワイドモニター等でご覧いただく際の崩れを防止しております。