Web Design
My Portofolio（Web Site）
信州園様 LP(ﾃﾝﾌﾟﾚｰﾄ)制作 2023.7.20
サイト名：信州園
URL：https://kazoo3305end.studio.site/
使用ソフト：STUDIO
制作期間：２週間
Wannabe Academyにて、STUDIOによるLP制作課題で作成。
Point1：更新性のあるWebサイトを前提にBlogとNewsにCMSを導入。
Point2：ﾌﾛｰﾃｨﾝｸﾞCTA設置。
Point3：ﾚｼﾎﾟﾝｼﾌﾞﾙ対応（IphoneSEｻｲｽﾞ追加）
TROIKA DINING(架空) LP(ﾃﾝﾌﾟﾚｰﾄ)制作 2023.8.5
サイト名：信州園
URL：https://zoo-san-pf1.studio.site/
使用ソフト：STUDIO,Photoshop
制作期間：２週間
STUDIOの練習を兼ねて架空のﾚｽﾄﾗﾝを想像しLP(ﾃﾝﾌﾟﾚｰﾄ)を作成。
Point1：更新性のあるWebサイトを前提にメニューにCMSを導入。
Point2：落ち着いた癒し空間を伝える為、全体的にダーク調で構成。
Point3：ﾄｯﾌﾟﾍﾟｰｼﾞに3枚の自動スライダー設置。
My Blog 1 ﾌﾞﾛｸﾞ向けﾃﾝﾌﾟﾚｰﾄ制作 2023.8.15
サイト名：ZOO-SAN CH.
URL：https://kazoo3305-myblog1.studio.site/#hp
使用ソフト：STUDIO,Photoshop,Illustrator
制作期間：１週間
旅ﾌﾞﾛｶﾞｰ向けに世界を９つのｴﾘｱに大別し、下層に詳細ｴﾘｱを構成。
Point1：更新性のあるWebサイトを前提に旅日記にCMSを導入。
Point2：多層構成。
※個人的に欲しかったWebサイトをSTUDIOの練習を兼ねて作成しました。
My Blog 2 ﾌﾞﾛｸﾞ向けﾃﾝﾌﾟﾚｰﾄ兼MyBlog制作 2023.9.30
サイト名：Travel The World
URL：https://zoo-san.online/
使用ソフト：WordPress,Photoshop,Illustrator
制作期間：2週間
Webサイトの王道は、WordPressであることから、上記My Blog 1のWordPress版を設計･制作、短期で制作可能なことを前提にﾉｰｺｰﾄﾞのElemetorﾌﾟﾗｸﾞｲﾝを活用。
Point：旅ﾌﾞﾛｸﾞとして伝えたい項目をﾊﾟﾀｰﾝ化できる為、ﾌﾞﾛｸﾞのｱｯﾌﾟﾃﾞｰﾄが非常に簡単に行える点が売り。
※個人的に欲しかったWebｻｲﾄなので、自己ｻｲﾄとしてｱｯﾌﾟﾃﾞｰﾄ中。
My Blog 3 ﾌﾞﾛｸﾞ向けﾃﾝﾌﾟﾚｰﾄ兼MyBolg制作 2023.11.13
サイト名：美味しく・癒されるお勧めスポット
URL：http://recommend.zoo-san.space/
使用ソフト：WordPress,Photoshop,Illustrator
制作期間：２週間
Point1：ﾉｰｺｰﾄﾞﾌﾟﾗｸﾞｲﾝ”Elementor”にて作成。
Point2：ダブルスライダーメニュー。
※Asheの無料版で作成したｻｲﾄを、ﾘﾆｭｰｱﾙ兼ねて新規ﾃﾞｻﾞｲﾝ。
My Portofolio (Banner)
WannabeAcademyのデザイン×Webマーケコースの課題に於いて、オリジナルバナーを制作。
サービス名：WannabeAcademy（ワナビーアカデミー）Webマーケコース
バナーリンク先（LP）：https://shareway.jp/wannabe_web/
への集客を目的にFacebook広告向けのバナーを作成。
・バナーサイズ：1080×1080px、1080×1920pxの2種
・使用ソフト：Photoshop
Point1：入学者アップを目的に、思わずクリックしたくなる様な魅力的バナーデザインを意識。
Point2：ターゲットのモチベーションを転職・副業・スキルアップとした。
Point3：集客先のLPとの違和感を無くすため、配色等を揃えた。
Point4：競合分析及びペルソナシートの活用
Webサイト”サブカル部”の下層サイドメニューに設置するバナー制作。
サービス名：サブカル部
URL：https://sub-cul.com/
・バナーサイズ：100×300px
・使用ソフト：Photoshop
Point1：当サイトに於ける４つの事実（目標貢献、ユーザー属性、集客チャネル、SEO）を基に、キーワードを”進撃の巨人×ミカサ”と”銀魂×神楽”と設定し、前者で４種、後者で２種のバナーを制作。
Point2：目標値（１セッション当りのPV３）とPC及びMobileのレシポンシブル対応を考慮し、バナーサイズを設定。
My Portofolio (Thumbnail)
サブカル部出稿記事（熊田茜音インタビュー）に関するサムネ制作。
投稿記事：【インタビュー】《声優･熊田茜音》”キャラクターを生かしてあげられる声優になりたい”
URL：https://sub-cul.com/interview-subcul/JwXTk
サムネサイズ：140×170px
使用ソフト：Photoshop
Point1：当投稿記事に関するユーザー属性や集客チャネルと記事内容から配色を決定。
Point2：フォントは、サブカル系ユーザーに人気な”にくまるフォント”採用。
サブカル部出稿記事（熊田茜音インタビュー）に関するサムネ制作。
投稿記事：【インタビュー】《声優･熊田茜音》”キャラクターを生かしてあげられる声優になりたい”
URL：https://sub-cul.com/interview-subcul/H1HTH
サムネサイズ：140×170px
使用ソフト：Illustrator
Point1：当投稿記事に関するユーザー属性や集客チャネルと記事内容から配色を決定。
Point2：フォントは、サブカル系ユーザーに人気で且つ画像と合う”黒薔薇シンデレラ”採用。