食べ物
ラーメンやハンバーガー、寿司が好きです。最近食べてみてよかったと思った寿司のネタは活〆パンガシウス（ナマズの一種）です。
UCHIDATAKAHIRO's PORTFOLIO
内田崇普の歴史
-
1999年
12月誕生～少年時代
大阪府河内長野市で生まれ、愛知県岡崎市で育ちました。小学校のクラス内では掲示係に就き、教室内のポスターや学級新聞を手書きで制作していました。オリジナルのマスコットキャラクターや新聞のレイアウトを考えることがとても楽しかった思い出があります。
-
2024年
3月大学生時代
医療系大学で医療知識について学び、臨床検査技師の資格を取得しました。一見デザインとは遠い分野に見えますが、病気のメカニズムなどの複雑な情報を正確かつ簡潔に整理して他者に伝えることの大切さを学び、現在の『分かりやすいデザイン』の追求に繋がっています。
-
2026年
現在大人時代
病院を退職後、就労移行支援に通所を開始しました。事業所内ではHTMLやPhotoshopなどのデザインスキルやビジネスコミュニケーションについて学び、クライアントの要望を汲み取りデザインする力を身に付けました。
-
To Be Continued...
私の好きなもの
散策
梅田の地下街などの入り組んだ道を歩くことが好きで、休日は新しい店や穴場のカフェ探しを楽しんでいます。
動物
動物を眺めたり、触れ合うことが好きです。実家で犬を飼っており帰省した時は時間を忘れるほど彼と遊んでいます。
音楽
音楽を聴くことや楽器を演奏をすることが好きです。学生時代では吹奏楽部や音楽サークルに所属し、皆で一つになって演奏をする楽しみを知りました。
アニメ
最新の作品や2000年代以前の古い作品など幅広い年代のアニメを見ることが好きで、アニメの画の構図や色使いは私のデザインの引き出しになっています。
ゲーム
Nintendoなどのゲームを友達と集まって遊ぶことが楽しいです。ゲーム内のUI、UXなどのユーザー体験がゲームごとにどのように異なっているか観察することも好きです。
使用ツール
プログラミング言語
余白を意識したユーザーが見やすいデザインを心がけています。求めている情報にすぐアクセスできるようなページ構成を追求しました。
プログラミングツール
このポートフォリオサイトはVisual Studio Codeを用いて制作し、フリーのレンタルサーバーにwordpressの自作テーマとしてアップロードしました。サイト内のインジケーターやアコーディオン機能はjQueryやBootStrap5.0を使用しています。
デザインツール
主にwebサイトのモックアップはPhotoshop、フライヤーやイラストはillustratorを用いて作成しました。
私の強み
傾聴力
私は相手の思いや意図を素直に汲み取ろうとすることを大切にしています。職場の方々やクライアントの声を聴き、皆様とご一緒に最高の成果物を制作したいです。
観察力
図形的・空間的な把握力を強みとしています。情報の優先順位を視覚的に整理し、一目で意図が伝わる直感的なレイアウトを構築することで、ユーザー体験の向上に貢献します。
探求心
ポートフォリオ制作を制作していく中で常に自分が使ったことのないcssやAdobeソフトの機能やテクニックを探し、積極的に取り入れることを意識しました。
WEBデザイン( PC )
WEBサイトデザイン
【架空サイト】
新作スマートフォン
紹介
WEBサイトデザイン
【架空サイト】
ファッションコスメ
ブランド
WEBサイトデザイン
【架空サイト】
臨床検査センター
WEBサイトデザイン
【架空サイト】
オフィスデザイン会社
WEBデザイン( Mobile )
WEBサイトデザイン
【架空サイト】
レストラン予約サイト
WEBサイトデザイン
【架空サイト】
プロテインパウダー
購入ページ
ポスターデザイン
ポスターデザイン
就労移行支援
事業所内の
Wi-Fiポスター
ポスターデザイン
卒業生座談会告知の
ポスター
ポスターデザイン
クイズ大会告知の
ポスター
ポスターデザイン
朝活講座告知の
ポスター
ポスターデザイン
表現力向上講座の
告知の
ポスター
ポスターデザイン
夏祭りイベントの
告知の
ポスター
ポスターデザイン
就活講座の
告知の
ポスター
ポスターデザイン
コミュニケーション講座の
告知の
ポスター
ポスターデザイン
ジャーナリング講座の
告知の
ポスター
WEBサイトデザイン
【架空サイト】
新作スマートフォン紹介
-
概要
架空のスマートフォンメーカーの新機種を告知するページのトップビューです。画面中央のキャッチフレーズでは、「最新鋭」、「シンプル」を印象付けるゴシック体を採用しました。「キャッチフレーズ」「購入ボタン」「詳細ボタン」の間に余白を挿入し視認性を上げています。また、メニューバーは半透明にして、視覚的な窮屈さを低減しています。
-
製作期間
約10時間
-
使用ツール
Photoshop
WEBサイトデザイン
【架空サイト】
ファッションコスメブランド
-
概要
架空のファッションコスメメーカーのコスメアイテムを紹介するページへジャンプするカテゴリ選択画面です。最初に画面上部の「fashion」又は「cosme」のボタンで選択してから、下部の詳細分類から選択する階層構造を意識して制作しています。画面上部のボタンは選択していない方のボタンを薄暗くすることで今どちらのボタンを選択しているか分かりやすくしています。
-
製作期間
約12時間
-
使用ツール
Photoshop
WEBサイトデザイン
【架空サイト】
臨床検査センター
-
概要
クリニックなどから依頼を受け、血液検査などを請け負う架空の検査施設のファーストビューと企業概要の一部です。ページ全体のカラーとして医療機関のサイトでよく使われるブルーを採用し「清潔感」や「信頼性」を印象付けました。キャッチフレーズを囲む青い枠は白のグラデーションを入れて爽やかさを演出しています。
-
製作期間
約12時間
-
使用ツール
Photoshop
WEBサイトデザイン
【架空サイト】
オフィスデザイン会社
-
概要
架空のオフィスデザインを請け負う会社のサービス概要をチャートを用いて説明するページの一部です。最初に見出しのみのチャート図を載せてサービス全体の流れを把握しやすいようにしています。暗めの画像背景に合わせて蛍光色や白色を用いてコントラストを強くしました。
-
製作期間
約10時間
-
使用ツール
Photoshop
WEBサイトデザイン
【架空サイト】
レストラン予約サイト
-
概要
架空のレストラン予約サイトの予約確認画面と店舗検索の一部です。予約確認票は確認する頻度が高いと考えられる「店舗名」「日時」「金額」を優先して表示し、特に「店舗名」「日時」は大きめのフォントサイズにしています。
-
製作期間
約12時間
-
使用ツール
Photoshop
WEBサイトデザイン
【架空サイト】
プロテインパウダー購入ページ
-
概要
架空のプロテインメーカーの商品購入ページです。画面内の操作ボタン（注文個数の増減、お気に入り）はそのアクションに見合うボタンの色やアイコンで表現しました。また、画面下部の見出しの枠には斜体アルファベット透過で薄く表示し力強くスタイリッシュな雰囲気を出しました。
-
製作期間
約10時間
-
使用ツール
Photoshop
ポスターデザイン
就労移行支援事業所内のWi-Fiポスター
-
概要
就労移行支援事業所内で使えるWi-FiのID・PWを記載したフライヤーです。遠くからでもWi-Fiのフライヤーと認識できるようにWi-Fiのアイコンを1番大きく配置しました。実際掲載したポスターではID・PWをゴシック体で表記し可読性を上げました。
-
製作期間
約8時間
-
使用ツール
illustrator
ポスターデザイン
卒業生座談会告知のポスター
-
概要
事業所内で行われた卒業生座談会を告知するフライヤーです。フライヤー全体で右上に向かう流れを作り就職活動に合う前向きな印象作りを意識しました。人物のシルエットが単調にならないように2色グラデーションと粒状テクスチャ効果を付け華やかにしました。
-
製作期間
約10時間
-
使用ツール
illustrator
ポスターデザイン
クイズ大会告知のポスター
-
概要
事業所内で開催されたパーティーイベントを告知するフライヤーです。クイズ大会のパーティー感を演出するため高彩度の配色と太めの輪郭線やフォントを意識しました。タイトルテキストは彩度が高い背景に埋もれないように白色を選択し、落ち影で立体感を付けました。
-
製作期間
約12時間
-
使用ツール
illustrator
ポスターデザイン
朝活講座告知のポスター
-
概要
事業所内で開催された朝活をテーマとする講座を告知するフライヤーです。テキストやイラストの配置が線対象になるように調整しました。開催日時のテキストも縦長に収まるように数字の配置を工夫しました。また、朝を想起させる爽やかなイラストで装飾しました。
-
製作期間
約12時間
-
使用ツール
illustrator
ポスターデザイン
表現力向上講座の告知のポスター
-
概要
事業所内で開催された表現力向上をテーマとする講座を告知するフライヤーです。テキストを左上からコの字に配置し自然な視線誘導ができるように意識しました。中央のイラストはご依頼者様から講座の内容を予め伺い、その内容を想起させるようなイラストを制作しました。
-
製作期間
約9時間
-
使用ツール
illustrator
ポスターデザイン
夏祭りイベントの告知のポスター
-
概要
事業所内で開催された夏祭りをテーマとするイベントを告知するフライヤーです。「実際にフランクフルトが食べられる」がセールスポイントなので、そこを起点にユーザーが「楽しそう」「食べてみたい」と思っていただけるような実写とイラストを交えたデザインを行いました。
-
製作期間
約12時間
-
使用ツール
illustrator、Photoshop（トーンカーブ調整、人物・雲消去、ワープ変形、切り抜き）
ポスターデザイン
就活講座の告知のポスター
-
概要
事業所内で開催された就活をテーマとする講座を告知するフライヤーです。ビフォーアフターの形式で構成し、ビフォーではユーザーが共感するような課題と彩度が低い画像を提示し、アフターでは実際の講座で学べる項目リストと明るい前向きな画像を配置し、ユーザーの行動意欲を掻き立てるようなデザインを意識しました。
-
製作期間
約12時間
-
使用ツール
illustrator、Photoshop（合成、彩度調整）
ポスターデザイン
コミュニケーション講座の告知のポスター
-
概要
事業所内で開催されたをコミュニケーション能力向上をテーマとする講座を告知するフライヤーです。建物のイラストはIllustratorの遠近グリッドを用いて立体感を出しました。
-
製作期間
約10時間
-
使用ツール
illustrator
ポスターデザイン
ジャーナリング講座の告知のポスター
-
概要
事業所内で開催されたをジャーナリングをテーマとする講座を告知するフライヤーです。依頼された支援員の方から「固すぎず落ち着いた雰囲気にしてください。」と、ご要望をいただき、全体的に配色やテクスチャが滑らかになるように調整しました。
-
製作期間
約14時間
-
使用ツール
illustrator