Liosa girl

Liosa girlサイトについて

_意図

初めて、ホームページ制作の依頼を受けて作りました。
⑴今後の目標や現状課題を踏まえて、企画の段階でポートフォリオサイトを作る目的とターゲット層を明確にする為に、活動、経歴、強み、今後の目標についてヒアリングを入念に行いました。

⑵ヒアリングだけではクライアントの魅力を最大限までサイトに落とし込めないと考えたので、職場まで足を運び、実際に現場で働いている姿を見たり、同僚の方の声を聞き取材を行いました。
現場で感じた沙織さんの魅力・好感・印象を感じてもらえたり、共感を持ってもらえるようなサイト作りを心掛けました。その一つとして、各ページのファーストビューに写真を一面にしています。

⑶個人活動の一つであるInstagram・YouTubeの閲覧数やフォロワー数を増やしたいとのご要望を叶える為に、ユーザーの目線の導線を利用して、各コンテンツごとに外部サイトリンクを配置しています。
ユーザーが不快に感じないようにボタンのデザインはシンプルにしています。他にもメニューバーには注目してもらえるようにホバー時の動きや、ボタンのデザインに拘りました。特に、興味関心を集める為に、外部リンクへの導線としてJQueryを用いてYouTubeをコンテンツに複数組み込み、レスポンシブ対応ができるようスライダー表示になるよう設置しました。

_配色・フォント

カラーはオレンジと赤を少し混ぜたようなピンクにしています。ピンクには女性的なイメージやポジティブ、細やかな気遣いの意味合いがあり、人に非常に良い印象を与えて、人を惹きつける魅力があります。アクセントカラーとして白を混ぜたような黄色にしました。人との関わりを積極的に行うコミュニケーションを象徴する黄色は沙織さんのイメージに近いと感じたからです。

フォントは、親しみやすく柔らかい印象のある「ゴシック体」を本文に、洗練された印象のある「Didot」をフォントとメニューに使用しました。