株式会社明日華、オーナーから依頼を受けラフ案作成から実装まで全ての製作に携わりました。
株式会社明日華
デザインコンセプト
地元密着の就労支援事業、企業健康増進等、地域の人の健康のために色々と画策されている企業です。そのため、親しみやすさをメインにしたHPです。MVのイラストは、クライアントの希望です。ClipStudioを使ってイラストを作成しています。
![](https://aqua27spes.com/wp-content/uploads/2024/06/mv-1024x485.png)
![](https://aqua27spes.com/wp-content/uploads/2024/06/mv2-1-1024x378.png)
クライアントの希望されたMV
青空に飛行機が飛んでいるのは、誰もが希望を持って明日へ進んでいける意味が込められています。ちょっとしたイラストですが、クライアントがここは外せないイラストだ、とおっしゃっていました。いろいろな肩書を持つ方が、楽しく働いていたり、時には悩んでいることが分かるMVです。背景の山は、信州の北アルプスです。
下部のイラストは、長野県の誇りである松本城を描きました。地元密着型の親しみやすい企業であることをMVでアピールしています。
ターゲットユーザー
- 20~50歳
- 休職中、復職支援を希望される方
- 仕事を探している方
- 働くうえで悩みを抱えている労働者、会社経営者
プロジェクトメンバー
クライアントの親族(SE)に手伝って頂き、2名体制
業務委託での仕事だった為、ヒヤリングから納品迄ディレクターポジションで実施しました。クライアントの親族のSEにサポートで入って頂きました。サーバーへのアップロード、管理更新は、クライアントと契約のある業務委託SEにお願いしています。
- デザイナー(担当)
- コーディング(担当)
- バックエンド、ライティング(サポート)1名
担当領域
- 全行程担当
- レイヤーカンプ制作(Figma)
- コーディング(WordPressをメインに使用)
- MV(イラスト)作成
使用ソフト
- Figma
- PhotoShop
- Illustrator
- Clipstudio
- WordPress(SWELL)
- HTML・CSS
製作期間
3か月。
打ち合わせからリリースまで携わりました。
![](https://aqua27spes.com/wp-content/uploads/2024/04/zisseki-1024x683.jpg)
制作のポイント・流れ
ヒヤリングから実装まで一人での作業を予定していましたが、SEがピンチヒッターで入って頂き納期に間に合いました。
理想のHPをクライアントから提示して頂きました。もともとあったHPのリニューアルだったので不足情報もほぼ無くスムーズでした。
サイト全体のデザインを作成し、ヒヤリングを重ねました。LINE、Gmailでのやりとりを実施しました。
WordPressをメインに使用した実装作業を実施。この時点でSEにサポートして頂き一部ページ作成をお願いしています。
ClipStudioにてMVを作成。1~3週間程。
テスト環境を他業務委託に依頼し、本番環境へ移行。プロジェクトは終了しました。
HP全体のデザイン
![](https://aqua27spes.com/wp-content/uploads/2024/03/pagenaka-1024x683.jpg)
![](https://aqua27spes.com/wp-content/uploads/2024/06/7cf291361f0fcd44bf96db0b82edb279-1024x614.png)
提供サービスによって、ページ全体の雰囲気を変える。
陶板浴、個人メンタルサポート等幅広いサービスを実施している企業です。それぞれのページは、サービス内容によってサイト全体のイメージが崩れない程度に雰囲気を変えています。
健康増進事業は、キービジュアルに青空と新緑にして健やかな雰囲気に。
こちらも作成しました。
![](https://aqua27spes.com/wp-content/uploads/2024/06/bcde8971461edced3b6ddacb56d9c7b1-1024x611.png)
企業団体支援事業は、ビビッドカラーを強めに。
クライアントは職業カウンセラーと幅広い領域の資格があり、個人のみならず企業のメンタルサポートも実施しています。こちらのページはキービジュアルにビル群の俯瞰風景にすることで、会社経営者が魅かれるUIにしました。経営者層にも明日華を知ってもらいたい為、40~50代を対象としたデザインにしました。
![](https://aqua27spes.com/wp-content/uploads/2024/04/hp-mainvisual-text-1024x848.jpg)
手前は松本城、山は北アルプス、松本の良いところを詰め合わせました。人物は、イラストACなどから一部拝借しています。イラストの製作期間は約1週間ほど。リテイクを含めると3週間かかりました。
ロゴも制作させて頂きました。
株式会社明日華のロゴは以前作成させて頂きました。
![](https://aqua27spes.com/wp-content/uploads/2024/03/asukalogo-1-300x171.png)
「見る人が楽しい」HPに。
「MVのイラストが好評だ」と社長に合うたびに感謝して頂きます。制作に携わることによって、会社設立の想いに触れることができました。ロゴ作成時のコーポレートカラーをメインに作成し、会社のカラーリングのイメージも固まりました。
現在も続く、長いお付き合い。
クライアントとは長いお付き合いで、クライアントの知人と会う機会も時々ありますが、「あの絵を描いた方ですね、HP素敵です。」と言って頂くことがあり嬉しく思います。
管理更新自体は別の方にお願いしていますが、リキャプチャの設置、ページの追加、内容変更等突発的な依頼は、即日対応させて頂いています。ブログの更新は、明日華スタッフに更新方法をレクチャーしました。スタッフ全員が操作できるよう、ブログ更新マニュアルの制作も検討しています。
さらに、名刺の作成、リーフレットの作成、LPの作成を継続して委託して頂き、信頼関係を結んでいます。
![](https://aqua27spes.com/wp-content/uploads/2024/03/asukalogo-1-300x171.png)
![](https://aqua27spes.com/wp-content/uploads/2024/03/meishi5-1-3-300x225.jpg)
![](https://aqua27spes.com/wp-content/uploads/2024/03/meishi5design2-300x200.jpg)
![](https://aqua27spes.com/wp-content/uploads/2024/03/thumnail-300x158.jpg)
![](https://aqua27spes.com/wp-content/uploads/2024/03/cropped-manken_logo.jpg)
健康増進事業「抗酸化陶板浴たんぽぽのわたげ」HP作成
健康増進事業の一環であるHPも作成しました。