YATSUDUKA.
Portfolio

Scroll

Site

これまでに制作したサイト

  • webサイトの
    採用2025年12月 グループ制作
    松山コレクション2026サイト
  • サメ紹介サイトの
    2025年9月 個人制作
    サメ紹介サイト

Graphics

これまでに制作したポスター等

  • 110番ポスター 採用2025年9月
    110番ポスター
  • 松山コレクション2026ポスター 2025年10月
    松山コレクション2026ポスター
  • 青切符ポスター 2025年10月
    青切符ポスター
  • 川柳ポスター 2025年5月
    川柳ポスター
110番ポスター

110番の日ポスター

依頼内容
正しい１１０番の使い方を呼びかけたい。
＃９１１０の認知拡大
作成期間
2週間
制作背景
誰が見ても分かりやすいように、イラストの例にはピクトグラムを活用し重要なメッセージがすぐ目に入るよう、 文字の大きさにメリハリをつけ、情報がゴチャつかないよう意識しました。 制作したポスターは、110番の日に実施された啓発イベントにて、来場者に向けた掲示物として採用、展示されました。
青切符ポスター

青切符ポスター

依頼内容
青切符認知拡大させる為の広報ポスターの制作
作成期間
2週間
制作背景
縺縺薙?繧ｵ繧､繝医?縺薙ｓ縺ｪ諢溘§縺ｫ縺励※縺薙ｓ縺ｪ諢溘§縺ｧ菴懊ｊ縺ｾ縺励◆
縺薙?繝昴せ繧ｿ繝ｼ縺ｯ縺薙ｓ縺ｪ蟾･螟ｫ繧偵＠縺ｾ縺励◆
松山コレクション2026ポスター

松山コレクション2026ポスター

依頼内容
松山コレクションと言うファッションショーの告知用フライヤーの制作
作成期間
1週間
制作背景
縺縺薙?繧ｵ繧､繝医?縺薙ｓ縺ｪ諢溘§縺ｫ縺励※縺薙ｓ縺ｪ諢溘§縺ｧ菴懊ｊ縺ｾ縺励◆
縺薙?繝昴せ繧ｿ繝ｼ縺ｯ縺薙ｓ縺ｪ蟾･螟ｫ繧偵＠縺ｾ縺励◆
川柳ポスター

令和7年度 ENSA主催 川柳ポスター

依頼内容
川柳コンクール作品募集の告知用ポスターの制作
作成期間
2週間
制作背景
縺縺薙?繧ｵ繧､繝医?縺薙ｓ縺ｪ諢溘§縺ｫ縺励※縺薙ｓ縺ｪ諢溘§縺ｧ菴懊ｊ縺ｾ縺励◆
縺薙?繝昴せ繧ｿ繝ｼ縺ｯ縺薙ｓ縺ｪ蟾･螟ｫ繧偵＠縺ｾ縺励◆

サイト名「松山コレクション2026」

https://mdweb777.site/event/260207/
グループ制作
制作期間
デザイン約1ヶ月
コーディング約３週間
担当範囲
コーディング、画像編集
使用したソフト、言語
HTML5、CSS3、JavaScript、figma、Illustrator、Photoshop
制作背景
初めてのグループ制作だったので、複数人で作る難しさを体感しました。しっかりメンバーと情報を共有して、認識のズレが生じないように意識しました。 スマホで見る高校生が多いと思ったので、通信量を抑えて表示できるように、画像ファイルの軽量化に挑戦しました。「webp」と言う形式を使い、試行錯誤をし、画質を保ちながらサイズをぐっと抑えることに成功し、パフォーマンスを維持する大切さを実感できました。

サイト名「貴方の推しサメを見つけよう!!」

https://2512.mdweb777.site/web_shark/
個人制作
制作期間
デザイン１週間
コーディング２週間
担当範囲
コーディング、デザイン
使用したソフト、言語
figma、HTML5、CSS3、Illustrator、Photoshop
制作背景
このサイトは、自分が初めて1から制作したWebサイトです。
もっと多くの人にサメの魅力を知ってもらいたい、とゆう思いから作成しました 水深ごとに生息するサメを分け、雰囲気を大事にしたく水深が深くなると背景が暗くなるよう工夫しました。

Profile

八塚 晴志 やつづか せいじ
愛媛県出身
海の生物が好き、特にサメ
Webデザイン、コーディングについて勉強中