Welcome to My Portfolio

MIA
NAKATA

スキルの掛け合わせのイメージ画像

PORTFOLIO

SCROLL
中田実愛 プロフィール写真

プロフィール

中田実愛

大阪府出身。現在は兵庫県在住。
栄養士養成学校卒業後、約4年間ドラッグストアで美容部員として勤務。2023年秋頃からオンラインスクールにてWEB制作の学習を開始しました。
前職退職後、職業訓練校にも通いWEB制作についての知識を深め、WEB制作会社に就職。現在はフリーランスとして活動しています。シンプルで分かりやすいデザインを得意としています。

スキル

コーディング
（HTML/CSS/JS/WordPress）
デザイン
（figma/XD/illustrator/Photoshop/Canva）

レモンの写真

家庭菜園

お庭でミニトマト・レモン・バジル・ローズマリー・小葱などを育てています。 自分で育てた野菜は、愛着が沸いていつもよりおいしく感じます。
ドライブの様子

ドライブ

窓を開けて、風を感じながら景色が進んでいくのを見るのが好きです。 音楽を聞いたり、歌を歌ったりもします。
化粧品の写真

美容

美容情報の収集や、自分で試したりするのが好きです。 メイク・ファッション・サプリメント・スキンケアなど、美容に関することなら何でも好きです。

works

猫専用ライフログアプリ「にゃんログ」 LPデザイン

猫専用ライフログアプリ
「にゃんログ」LP

目的
アプリの認知拡大、ダウンロードの促進
制作期間
1週間
使用ツール
Figma, HTML/CSS(SCSS), JavaScript

「世界で一番、うちの子が愛おしい。」というコンセプトのもと、猫の飼い主様向けライフログアプリのLPを制作しました。温かみのあるイエローとブラウンを基調とし、要素に丸みを持たせることで、親しみやすく愛情あふれる世界観を表現しています。

サイトを見る →
美容サプリメントLumiere LPデザイン

架空美容サプリメントLumiere LP

目的
ブランド認知向上、商品販売
制作期間
2週間
使用ツール
Figma, HTML/CSS, JavaScript

「光」を意味するLumiereのブランドコンセプトに合わせ、透明感と上品さを意識したクリーンなデザインに仕上げました。ユーザーの目を引く滑らかなフェードインアニメーションも実装し、洗練された世界観を表現しています。

サイトを見る →
ポモドーロタイマー WEBアプリケーション

ポモドーロタイマー WEBアプリケーション

目的
生成AIを用いた開発の検証
制作期間
3日
使用ツール
Gemini, HTML, CSS, JavaScript, Three.js

Geminiをフル活用し、JavaScriptを用いたWebアプリ開発の可能性を探求したサイトです。既存の参考サイトを多数比較・分析し、「デスクトップ通知」「ショートカットキー」「次セッションの自動スタート」など、実用性を高める便利な機能を実装しました。コーディング自体はAIに委ねつつ、機能の選定やデザインの方向性など、プロダクトの企画・ディレクションに注力しています。アイデアを素早く具体的なプロダクトにするプロセスを経験した作品です。

サイトを見る → 制作の裏側を見る →
100日物語 LPデザイン

100日物語 LP

目的
集客、商品販売
制作期間
1週間
使用ツール
XD

お祝いの華やかさと、商品のレトロさを両立できるように配色やあしらいにこだわりました。柔らかさを表現できるアニメーションも実装しています。

サイトを見る →
丁寧な暮らし LPデザイン

丁寧な暮らし LP

目的
集客、商品販売
制作期間
1週間
使用ツール
XD / VS Code

会社HPとトンマナも合わせつつ、オレンジの丸い玉のあしらいを取り入れ、暖かみを表現しました。

サイトを見る →
ペットのいる暮らし LPデザイン

ペットのいる暮らし LP

目的
集客、商品販売
制作期間
1週間
使用ツール
XD / VS Code

メインカラーにベージュ、差し色に深い緑を取り入れ、ペットと過ごす暖かい家をイメージしデザインしました。

サイトを見る →
楽天商品ページ デザイン

楽天商品ページ

目的
商品販売
制作期間
1週間
使用ツール
Photoshop

楽天市場のSEO対策を意識し、検索キーワードを踏まえた商品名・説明文・構成設計を行いました。検索からの流入増加と購入率向上を目的とした商品ページ制作です。

包丁→ 鍬(くわ)→ 鎌(かま)→
スマイルシップ チラシ

SMILESHIP チラシ

目的
集客
制作期間
6時間
使用ツール
CANVA

神戸市周辺を拠点とする生活サポートサービスのポスティング用チラシです。提供する2つのサービス内容に合わせて、ターゲットに響くデザインの使い分けを行いました。
どちらも地域密着の温かさを大切にしつつ、下部の「お問い合わせ導線」を明確にすることで、実際の集客に繋がる実用的なデザインを目指しました。

コスモ不動産 チラシ

コスモ不動産 チラシ

目的
集客
制作期間
6時間
使用ツール
Illustrator / Photoshop

オーナーの優しい人柄が伝わるように作成いたしました。人の暖かさを感じられる写真を複数使用し、信頼感を与える青色をメインカラーに採用しています。

神戸クラフトビアガーデン フライヤー

神戸クラフトビアガーデン

カテゴリ
フライヤー
目的
集客

各店主おすすめのビールを通じ、人と人との繋がりの輪を広げるイメージ。上部の泡は神戸の光を、街並みは人々の賑わいを表現しています。

詳しく見る →
MAKE BODY UP ショップカード

パーソナルジム Shop Card

目的
認知拡大

誠実さをアピールしつつ、敷居の高さを感じさせないデザイン。「D」を扉に、「O」を飛び越える人に見立て、新しい自分へ変わる様子を表現しました。

詳しく見る →
ヘアケア商品通販Alonnisos バナー

ヘアケア商品 Alonnisos

カテゴリ
バナー
目的
クリック誘導

夏の限定商品をアピールするため、透明感のある水と泡の背景を使用。キャッチコピーには太陽とシャンプーの色を掛け合わせた黄色い下線を引き、視線を誘導しています。

詳しく見る →
家具販売会社 Finley バナー

家具販売会社 Finley

カテゴリ
バナー
目的
クリック誘導

「50％OFF」を赤色で中央に配置し、パッと目に留まるように設計。すっきりとした部屋の背景とポップな文字色の対比で、セール内容を直感的に伝えています。

詳しく見る →

【CANVA使用作品】

提携先エンジニア

eng

高度なコーディングや動的な実装が必要な案件において連携している技術パートナーです。
公的機関などの大規模案件で求められる最新のWCAGに準拠したアクセシビリティ対応に加え、保守性の高いCSS設計や更新しやすいCMS構築など、納品後の運用を見据えた実装を得意としています。

  • 公的機関・大規模案件
  • 最新WCAG準拠
  • 保守性の高いCSS設計
  • 運用しやすいCMS
ポートフォリオを見る →

contact

ご相談やご質問がございましたら、
お気軽にご連絡ください。