NPO法人の公式HPを作成しました。

NPO法人のMVを作成しました。

https://www.hug-matsu.jp

目次

デザインに至った経緯

元々あったHPのリニューアルです。過去にクライアントが作成したHPでしたが、セキュリティの不安や長期的にデザインの見直しをしていなかった為、HP全体のレイアウトが崩れていました。修正の一環でMVとバナーの作成を担当しました。

コンセプト

地域の子も親も育ちあう松本のコミュニティ。不登校で悩んでいるお子さんのサポートをする。この2つをMVで表現しました。

プロジェクトメンバー

4名。私はデザイナーのサポートとしての参加となりました。

  • ディレクター
  • デザイナー(レイヤーカンプ)
  • デザイナー(MV、一部ロゴ)担当
  • コーダー

製作期間

1~2日

採用されたMVはこちら

採用されたMVはこちらです。アセットは先方から頂き、この画像を使ってほしいとの指定がありました。不足している部分は、フリー素材を使ったり、PhotoShopで描き足して対応しています。市の象徴である松本城、北アルプスは絶対に入れたく、位置調整に工夫しました。手前のビル群はもともとの素材ですが、後ろにビルの影のようなものがあると奥行きが出てより風景が増すと感じ、書き足しています。松本城周りの森林も描いて合成の違和感を無しにしました。

右のはぐるっぽは、左の背景空画像と続いているように工夫して作成しています。ロゴのバランスは微妙に上下にしてユーザーから見た違和感を無くしました。下の家、木はフリー素材を使用し、街並みを表現しています。

他提案

はぐるっぽの字体が特徴的なものです。青空面積はもう少し広い方が良い、鉄塔は東京タワーに見えてしまうので消してほしいとのリテイクがあり没案になりました。

ガウスぼかしを使用し分けてみました。お城が半分見切れてしまっています。採用はされませんでした。

HP内ではぐるっぽを紹介する際のロゴの提案

ページ内のポップを作成しました。

他提案

スクロールできます

使用ソフト

PhotoShop、Illustrator

MVが好評でした!

作成したMVは、上司経由で「クライアントから喜んでもらえた!」との声を頂きました。少しでも良いものが作れたのであれば嬉しいです。リテイクもありましたが、ディレクターがそつなく伝えてくれたのでスムーズに案件を進めることができました。サポートとしての参加なので、プロジェクト全体には携わりませんでした。他チームの方々が連携し、HPが納品できました。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次