株式会社ラグボット様
ホームページ
https://www.lagbot.co.jp/
東京都渋谷区にあります映像制作会社・ラグボット様のホームページを制作いたしました。
制作期間
約1ヶ月半
制作環境
Illustrator、Photoshop、XD
仕様
HTML5、CSS3、PHP（wordpress）、jQuery
目的とゴール
会社を立ち上げたばかりで自社サイトがなかったため、まずは基盤となるサイトを作成したい。名刺交換した方が自社をPCなどで調べたら確認ができて、そこからお問い合わせができるようになっていたいとのご希望でした。
デザインコンセプト
- 今後もコンテンツを増やしていくことを前提にしていたため、色も最低限にシンプルなデザインにしました。
- メインビジュアルなどのイメージ画像は、制作している3DCGと近しいものを選定し、見ている方が想像しやすいようにしました
- 下層ページのタイトル見出しデザインはLAGBOTロゴの「A」のラインとリンクさせています。
コーポレートサイトとしての情報量は少ないですが、お客様のゴールに合っていたため公開時はとても喜んでいただけました！
特にSNSや広告を出していないですが、サイトをから数件お問い合わせがあったとの事でした。お客様も想定していなかったため、更に喜んでいただき、今後もサイトコンテンツを充実させていきたいと仰っていただき、私もとても嬉しかったです！
ユキナガデザイン ポートフォリオサイト
https://yukinaga-design.com/自身のポートフォリオサイトを制作いたしました。
制作期間
約1週間
制作環境
Illustrator、Photoshop、Figma
仕様
HTML5、CSS3、PHP（wordpress）
目的とゴール
自分の実績と自己紹介、お問い合わせ窓口となるポートフォリオサイトで皆さまとのご縁を繋ぎたいと考えたため。
デザインコンセプト
- 自分はどんな人物で、どんな事が出来るのかが初めて見ても伝わるよう意識しました。
- 最上部左上にある「yd」はユキナガデザインのロゴになります。「yukinaga」「design」の頭文字を取り、上下の線はデザインで形にして繋げていけるようイメージしています。
- 私のイラストとAboutでのアイコンイラストは私の手描きイラストです。Photoshopで描いています。
- 私が好きな青緑色（ターコイズ）を基調とし、余計な装飾はいれずシンプルなデザインにしています。自分のサイトなので、「私（ユキナガ）らしさ」も入れさせていただいております。
自分のポートフォリオサイトを制作したのは初めてで、コーディングからwordpress化など、実践しながら改めて沢山気付きもありました。
ポートフォリオサイトとしてはまだまだ実績も少ないですが、これから少しずつでも増やして行けたらとても幸いです。何卒よろしくお願いいたします！
ヨガスタジオ バナー
女性専用ヨガスタジオ「reset.b」新規入会キャンペーンバナー（サンプル）を制作しました。
制作期間
約3時間
制作環境
Illustrator、Photoshop
店舗情報
「reset.b」
東京を中心に3店舗展開している女性専用ヨガスタジオ
ペルソナ
- ターゲット：20代〜30代
- 東京都心で働いている女性、OL
- 自分の美に対する意識が周りより高い方。食事は高タンパクを心がけて、プロテインを食事がわりにする事も。サプリメントも習慣的に飲んでいる。
- ストイックではないけど健康に対して意識はしている。
- SNSで美容系投稿を見るのが日課。
- よく見る雑誌・MORE
- ジム通いで鍛えるというよりは、ヨガやピラティスに興味がある。
- 綺麗に体型維持がしたい。
- 自宅で1人でやるよりはスタジオ通いの方が続けやすいと考えている。
目的とゴール
新規入会キャンペーンをきっかけに入会者を増やしたい。
サイズ
300px × 250px
デザインコンセプト
- ターゲットとして美意識は高い方なので、雰囲気のイメージよりはヨガをしている女性と一目で分かるイメージを入れました。
- 新規入会キャンペーンのキラーワード「0円」を中心に大きく配置する事でインパクトを出しています。
- 美意識が高い→自分を上げたい、という連想ワードから「ヨガで私を上げていく」や、文字の斜体、右上がりの背景などで表現しています。
サンプルを制作する際は、必ずクライアントの目的やゴール、ペルソナも想定し実践ベースで制作するようにしています。制作期間はコンセプトを決める時間も含めています。「reset.b」の店舗ロゴ（風）はラストレーターで作成しました。