サムネイル制作
文字組み / 視線誘導 / 情報整理
一瞬で内容が伝わる文字組みと、クリックしたくなる視線誘導を意識して設計します。
Welcome To My Portfolio
目的や届けたい相手に合わせて、見た目だけで終わらないデザインを組み立てます。
About
どんな人で、何ができるか
サムネイルとWebの両方を学びながら、見た目の印象と情報の伝わりやすさを意識して制作しています。
制作の理念
視線を集めるサムネイル制作と、情報整理を意識したWebデザインを中心に学んでいます。見た目を整えるだけでなく、「何を伝えたいのか」「誰に届けたいのか」を考えながら制作しています。
得意領域
配信・動画向けのサムネイル制作や、情報を整理した見やすいレイアウトづくりに取り組んでいます。
制作スタンス
世界観の見せ方と、内容の伝わりやすさのバランスを意識しています。華やかさが必要な場面でも、読みやすさや導線を崩さないことを大切にしています。
使用ツール/技術
Photoshop
Illustrator
Figma
VS Code
HTML
CSS
JavaScript
PHP
WordPress
Webデザイン
構成 / 配色 / 余白設計
目的やターゲットに合わせて、見やすさと使いやすさを意識したページを考えます。
デザインツール
Photoshop / Illustrator / Figma
画像編集、パーツ作成、レイアウト設計など、用途に応じてツールを使い分けて制作します。
フロントエンド
HTML / CSS / JavaScript
デザインの意図を意識しながら、レスポンシブに対応した基本的なレイアウトや動きの実装を行います。
PHP
基礎文法 / 簡単な処理 / 学習中
基礎的な文法を学びながら、簡単な処理の流れについて理解を深めています。
WordPress
テーマ構造 / 投稿表示 / 基礎学習
テーマ構造の基本を学びながら、投稿表示の仕組みについて理解を深めています。
Works
サムネイルとWebの制作実績
Thumbnail Design
サムネイルデザイン
各サムネイルから、制作時間や工夫した点をまとめた詳細ページをご覧いただけます。
Thumbnail Design
ハムチ様 歌枠配信告知
配信のイメージに合う配色や文字組みで、世界観と見やすさのバランスを意識して制作しました。
View Details
Thumbnail Design
切り抜き動画サムネイル
インパクトのある文字組みと表情の見せ方で、スクロール中でも目に留まりやすいサムネイルを目指しました。
View Details
Thumbnail Design
雨ノ白玉様 ASMR配信
落ち着いた雰囲気が伝わるよう、配色や余白を意識してやさしい印象にまとめました。
View Details
Thumbnail Design
ハムチ様 一周年記念告知
記念配信らしい特別感を出しながら、告知内容がしっかり伝わる構成を意識して制作しました。
View DetailsWeb Design
Webデザイン
各Web作品から、制作時間や工夫した点をまとめた詳細ページをご覧いただけます。
Strength
制作で大切にしている強み
制作物の見た目だけでなく、伝えたい内容や見せ方の流れも意識して制作しています。
01
目を引くサムネイル設計
一瞬で内容が伝わる文字組みと、視線が流れやすい構成を意識して制作しています。
02
トンマナに合わせた表現調整
配信や企画の雰囲気に合わせて、配色や文字の見せ方を調整しながら制作しています。
03
見やすさを意識したWeb構成
見た目の印象だけでなく、情報の整理や読みやすさを意識してページを組み立てています。
Flow / Process
制作フロー
制作の流れの中で、見た目だけでなく伝わり方も意識しながら組み立てています。
-
Step 01
ヒアリング / 整理
誰に何を伝えたいのかを整理し、見せ方の方向性を考えます。
-
Step 02
リサーチ
競合や参考事例を見ながら、見せ方の方向性や伝え方の工夫を探ります。
-
Step 03
デザイン設計
情報の優先順位や見せ方を整理、全体の構成やビジュアルを組み立てます。
-
Step 04
制作
意図した印象が伝わるように、細かな調整を重ねながら形にしていきます。
-
Step 05
調整・改善
仕上がりを見直しながら、より見やすく伝わりやすい形に整えます。
Contact
ご相談・制作のご連絡は、以下よりお願いいたします。
サムネイル制作、Webデザイン、ポートフォリオ整理など、内容に合わせてご相談いただけます。