Aya
Takeuchi

Aya Takeuchi Portfolio - 2025.08 -

制作期間

約2ヶ月

使用ツール

Photoshop / Visual Studio Code / HTML / CSS / Javascript

ターゲット

Web制作会社・デザイン事務所、
Webでのブランディングを大切にしたい個人事業主・小規模店舗

Web制作会社・デザイン事務所、
個人事業主・小規模店舗

目的

自分自身のスキル・世界観・制作姿勢を1つにまとめ、
「どんなデザインができるのか」を分かりやすく伝えることを目指して制作
しました。

自分自身のスキルや世界観をまとめたポートフォリオ。
動きとレイアウトで印象に残るUIを表現しました。

課題

• 情報量が多く、読みづらくなる
• 初見の方に“雰囲気”と“専門性”を同時に伝えにくい

• 情報量が多いと読みにくい
• 初見では雰囲気と専門性が伝わりにくい

デザイン

• スライドイン・フェードアップ・タイピングで視線を自然に誘導
• PC/SPでレイアウトを最適化したレイアウトで読みやすさを向上
• 余白・フォント・動きを統一し、世界観に一貫性を持たせたUIに調整

• 動きで視線を自然に誘導
• PC/SPで読みやすいレイアウトに最適化
• 余白と配色で世界観を統一

SMILE COFFEE - 2025.05 -

制作期間

約3週間

使用ツール

Photoshop / Visual Studio Code / HTML / CSS / Javascript / slicer

ターゲット

SNSを楽しむ20〜30代女性・カップル
リラックス重視の30〜40代の大人

目的

カフェの“あたたかさ”と写真の魅力を自然に伝えるWebサイトを目指して制作しました。

写真と配色でカフェのあたたかさを伝えるWebサイトです。

課題

• 写真だけで雰囲気を伝えたい
• 写真の魅力と読みやすさの両立したい

• 写真だけで雰囲気を伝えたい
• 写真の魅力と読みやすさの両立したい

デザイン

• 大きなスイーツ写真で視線を引き込み、雰囲気を直感的に表現
• フェードスライドで臨場感を演出
• 手書きフォント × ナチュラルカラーで親しみやすい世界観に調整

• 写真の配置で雰囲気を分かりやすく表現
• フェードで臨場感を演出
• 手書きフォントと配色で親しみやすさを表現

aozora 幼稚園 - 2025.04 -

制作期間

約2週間

使用ツール

AdobeXd / Photoshop / Visual Studio Code / HTML / CSS / Javascript

ターゲット

入園を検討している保護者、在園時の保護者

目的

「楽しさ・安心感・あたたかさ」を直感的に感じられるWebサイトを目指して制作しました。

やさしい色合いと写真で幼稚園の雰囲気を伝えるWebサイトです。

課題

• 保護者に安心感を与える“やさしい雰囲気”を伝えたい
• 多くの情報を整理し、見やすくまとめたい

• 安心感のある雰囲気づくりにしたい
• 情報を整理して見やすくしたい

デザイン

• 躍動感のある写真で“たのしい幼稚園”の雰囲気を表現
• やさしい色合いとイラストで安心感をプラス
• お知らせボードで情報を整理し、使いやすさを向上

• 写真で楽しさを表現
• 色合いとイラストで安心感をプラス
• 情報を見やすく整理