株式会社ワイズデポ様のご依頼でくろくま配達便のHPを制作させていただきました。
使用目的
新規HPの作成。会社としての信頼感構築のため。アルバイトの採用と協力会社の募集に使用する。
前提条件
TOPページに顔が見えるサイトにしたい。 オレンジ色を使用し、元気な印象にしたい。少し動きを取り入れたい。
制作意図
働いているスタッフの顔が見える構成にすることで、信頼感と社風が自然に伝わるよう設計しました。
また、アルバイト募集での活用をメインに想定し、入社後の働き方や職場の雰囲気が具体的にイメージできるような表現にしています。
あわせて、トラックにも使用されているイメージキャラクターをサイト内に散りばめることで、企業のトレードマークとしての認知を活かしつつ、全体に親しみやすく楽しげな印象を持たせています。
担当範囲
構成・文章作成・デザイン・構築
全てを担当しました。
使用ツール
Photoshop・Figma・Wordpress・Elementor
制作期間
1ヶ月ほど
目次
デザインプロセス
前提条件
・オレンジを基調カラーとし、明るく元気な印象のデザインにする
・TOPページでスタッフの顔が見える構成にし、安心感と親しみやすさを伝える
・適度に動きを取り入れるなど、遊び心を取り入れたい
・初めてのHP制作のため、方向性や進め方を都度相談しながら進行する
・掲載する内容や文章についても、目的に合わせて一緒に整理・作成していく
ヒアリング
ビデオチャットにて細かくヒアリングを行い、HP制作の目的や流入経路などについて確認しました。
HPに必要な構成を考え、記入いただく項目リストを作成。それに沿ってテキストを共有いただきました。
構成とテキスト作成
いただいた会社情報に基づきHPに掲載する内容の叩き台を作成。ワイヤーフレームを作成しご確認をいただきました。
どのような写真があると良いかなども併せてご提案しました。
トップページのデザイン提案改善のご提案
TOPでは、働くスタッフの様子を画像で連続的に見せ、動画のように感じられる表現にしたいというご意向を踏まえ、明るく活気のある雰囲気で制作いたしました。
▼ご提案
ページ全体の作成
B案とC案を組み合わせたレイアウトで方向性が決定したため、下層ページ全体のデザインを作成いたしました。
採用での活用を主目的として、会社の取り組みや働き方、入社後の様子が具体的に伝わる構成にしています。
また、遊び心を取り入れたいというご意向を踏まえ、企業の象徴となるキャラクターを各所に配置し、全体として親しみやすく楽しい印象に仕上げています。
フォントのご提案
当初、Dela Gothic Oneというフォントを使いたいとのご意向でした。 個性的で面白いフォントではあるものの、日本語でつかうと縦横比が均一ではなく読みにくいことと、文字の読みづらさが離脱につながるが懸念あったため代替案のフォントと比較のご提案しました。
読みやすさ重視で代替案のフォントに変更が決まりました。
Dela Gothic Oneは読みにくさが気にならないロゴ部分へのご使用をご提案を行いました。
実装・納品
一部テキストの修正や装飾の追加などの修正をおこない、ワードプレス・Elementorにて実装を行いました！実装期間は1週間ほどで完成しました！
お客様の声納品
ご依頼ありがとうございました！くろくま配達便さんのキャラクターがとても可愛くてお気に入りです！
HPのイメージが固まっていなくても大丈夫です！
ヒアリングの中で一緒に作っていきましょう！お気軽にご相談ください！
＼まずはお気軽にご相談ください！／
