Halo there!
Welcome to my Portfolio.

I’m Nana Kiuchi.
I am a
Web Designer.

Creative, Strategic, Warm Design.

木内 奈々

Webデザイナー

プロフィール画像2

Introduce.

自己紹介

見た人が思わず動く。
伝わるデザインで、成果を変える。

教員として子どもたちと向き合い、
歯科助手として患者様に寄り添い、
ITエンジニアとして技術と向き合う――。

異なる世界で働く中で、さまざまな立場の方の気持ちを理解する大切さを学びました。

デザインも同じです。
どんなに美しくても、ターゲットに届かなければ意味がありません。

だからこそ私は、お客様の課題をしっかりと理解し、
目的達成に向けたデザインをご提案しています。

素材集めや文章作成も、お気軽にご相談ください。
一緒に、想いが伝わるデザインを創りましょう。

 

Resume.

経歴

2021 - 03〜04
  • 国士舘大学卒業

    - 文学部教育学科

  • 小学校教員

    - 4年生担任

    児童一人ひとりに合わせた指導や、保護者対応を行いました。 相手の理解度に合わせて情報を整理し、分かりやすく伝える力を培いました。
  • 校務分掌
  • 学習指導
  • 生活指導
2022 - 01
  • 歯科助手
    受付業務から診療補助まで幅広く担当しました。患者さんが安心できるコミュニケーションと、スムーズな治療ができるよう視野を広く保ち先回りして行動することを意識して業務に取り組みました。
  • 全治療アシスタント
  • 受付
  • 在庫管理・発注
2024 - 06
  • ITエンジニア

    - 現職

    業務システムの運用・改善・開発に携わり、課題整理や仕様理解をもとに実装対応を担当しています。システムの知識のみならず、お客さまの業務内容や背景まで理解することを大切にし、現場にとって本当に使いやすい設計を意識しています。
  • 顧客情報管理
  • 業務フロー改善
  • データ管理・分析

Services.

サービス

Skill.

スキル

Figma
1 %
Canva
1 %
WordPress
1 %
Photoshop
1 %
Illastrator
1 %

Projects.

実績

Pricing.

料金一覧

バナー チラシ
パンフレット
LP HP パワーポイント資料

Testimonials.

お客様の声

Blog

ブログ

スクリーンショット 2026-02-28 20.53.16

ポートフォリオを公開しました!

今回のポートフォリオでは、 これまでの制作実績だけでなく、 私がどのよう…

Contact.

お問い合わせ

    Copyright © 2026 studio_N.All Rights Reserved.

    x
    プレゼンテーション資料制作

    運動失調のリハビリテーション戦略

    詳細

    医療
    運動失調の基礎理解を深め、評価方法・介入戦略を体系的に整理する
    リハビリ領域の医療従事者
    2週間

    専門性の高い内容を視覚的に整理し、理解しやすい構造に再設計しました。
    全体はグリーンを基調とし、医療分野に適した安心感・落ち着きのあるトーンで統一しました。
    情報量が多くなりがちなテーマのため、文章を最小限に抑え、表や図解・イラストを活用して直感的に理解できる構成にしています。

    バナー

    視線の動きと情報の優先順位を設計し、一瞬で「伝わる」バナーを制作します。
    目的や媒体特性を踏まえ、クリックや行動につながるデザインをご提案します。

    ターゲットに合わせた訴求設計
    広告・SNS媒体に最適化したサイズ展開
    情報の優先順位を整理したレイアウト設計

    チラシ/パンフレット

    情報量が多い紙媒体でも、読みやすさと導線設計を重視し、伝わる構成を設計します。
    ブランドイメージを大切にしながら、信頼感のあるデザインに仕上げます。

    情報整理・レイアウト設計
    ブランドトンマナ統一
    印刷データ入稿対応

    LP

    商品の魅力を最大限に引き出し、「読み進めたくなる構成」で成果につなげるLPを制作します。
    ヒアリングをもとに、目的から逆算した情報設計を行います。

    ターゲット分析・構成設計
    ワイヤーフレーム作成
    デザイン〜実装まで一貫対応
    レスポンシブ対応

    HP

    企業・個人事業主の想いや強みを整理し、信頼につながるWebサイトを構築します。
    見た目だけでなく、使いやすさと更新のしやすさにも配慮します。

    サイト構成設計
    レスポンシブ対応
    デザイン〜実装まで一貫対応
    WordPress構築・運用サポート(別途)

    プレゼンテーション資料作成

    企業・個人事業主の想いやサービス内容を整理し、“伝わる”パワーポイント資料を制作します。
    営業資料・提案資料・セミナー資料など、目的に合わせて構成からデザインまで一貫対応。見やすさと説得力を両立した資料に仕上げます。

    デザイン統一で信頼感アップ
    営業やプレゼンで「使える」資料に最適化
    情報整理で「パッと理解」できる構成
    x
    LP制作

    LUMINA.

    詳細

    美容
    新規ユーザーの無料診断登録を促進する
    25歳~35歳女性
    都市部在住の中〜高所得層 / 忙しく、美容医療に通う時間がない / 本当に自分に合うスキンケアを探している層
    3週間

    広告流入を前提としたコンバージョン特化型LPとして設計しました。 ターゲットである25〜35歳の忙しい女性に向けて、「手軽さ」と「専門性」の両立を明確に打ち出しています。

    ファーストビューでは“スマホひとつで始められる手軽さ”と“AI×医師監修の信頼性”を端的に伝え、直感的に魅力が伝わる構成に。
    その後は、悩みへの共感 → 解決提示 → 信頼性の補強という流れで、自然に無料診断へ進める導線を設計しました。

    デザインはホワイト×ブルーを基調に、海外プロダクトのような洗練された余白設計を意識。情報量が多くても読み疲れしないUIバランスを重視しています。

    x
    LP制作

    CloudLink

    詳細

    IT
    新規顧客のコンバージョン率を向上させる
    男女30代~50代 中小企業の経営者、IT担当者
    3週間

    広告流入を前提とした、無料トライアル申し込み特化型LPとして設計しました。

    ターゲットである30〜50代の経営者・IT担当者に向けて、「業務効率化」「コスト削減」「セキュリティ」の3軸を明確に打ち出しています。

    ファーストビューでは、AI診断×専門家監修という強みを端的に伝え、信頼感を第一に構築。その後は「業務の悩み」への共感から入り、具体的な解決策・導入メリットへと自然に誘導する構成にしました。

    デザインは青×白を基調に、モダンかつ堅実な印象を重視。情報量が多くても視認性を損なわないレイアウト設計と、料金プランの比較の分かりやすさを意識し、意思決定を後押しするUIに仕上げています。

    x
    バナー制作

    コーヒーショップの新メニュー – 抹茶クリームラテ

    詳細

    飲食
    新しい抹茶フレーバーを取り入れたドリンクメニューの紹介
    カフェ巡り好きの20代〜30代女性。和の要素に惹かれる層。
    5時間

    20〜30代のカフェ巡り好き女性をターゲットに、「和 × 上質 × 癒し」を軸にビジュアル設計を行いました。抹茶の深みやクリームのなめらかさが直感的に伝わるよう、商品(ラテ)の中身をしっかり見せる構図にし、視覚的に“おいしさ”を感じられるデザインにしています。

    全体のトーンは和テイストで統一し、落ち着きのある配色と余白設計で高級感を演出。キャッチコピーの世界観を邪魔しないよう、装飾は控えめにしながらも、抹茶の色味が主役になるレイアウトを意識しました。

    “写真映え”だけでなく、「和の香りとクリーミーさ」という商品価値が自然と伝わる設計を心がけています。

    x
    バナー制作

    賃貸キャンペーン

    詳細

    不動産
    初めての一人暮らしに最適な賃貸物件のプロモーション
    大学生や新社会人など、初めての一人暮らしを考える層。
    5時間

    大学生や新社会人など、初めての一人暮らしを検討している層に向けて、「安心感」と「新生活のワクワク感」を両立させたビジュアル設計を行いました。

    メインカラーにはオレンジを使用し、前向きさや温かみを演出。ポップなイラストで新生活の楽しさを表現しながらも、不動産サービスとしての信頼感が損なわれないよう、レイアウトは整理された構成に仕上げています。

    フォントは視認性と親しみやすさを重視したゴシック体を採用し、情報が直感的に伝わるデザインに。

    「初期費用0円」という強みがしっかり目に入るよう、視線誘導を意識した配置でコンバージョンを後押しする設計を行いました。

    x
    バナー制作

    ゲームアプリ – Mystic Legends

    詳細

    ゲームアプリ
    ゲームアプリをダウンロードしてもらう
    10代〜30代のゲーム好き。ファンタジーや冒険が好きな人。
    5時間

    10代〜30代のゲーム好きユーザーに向けて、「壮大さ」と「没入感」を最大限に引き出すビジュアル設計を行いました。

    世界観が最も重要なジャンルのため、AIを活用してファンタジーRPGにふさわしいビジュアルを生成。勇者そのものよりも“広大な土地”を主役にする構図にすることで、「この世界を冒険してみたい」と感じさせる没入感を演出しました。

    さらに、行く手を阻むドラゴンを配置することで物語性と緊張感を加え、ワクワク感を強化。

    単なるゲーム紹介ではなく、“冒険が始まる瞬間”を切り取るようなビジュアル表現を意識しています。

    キャッチコピー「冒険の扉を開け!」が自然に世界観へ溶け込むよう、壮大さ・スケール感・エキサイティングな空気感を重視したデザインに仕上げました。

    x
    バナー制作

    フィットネスキャンペーン
    BodyFit Summer 2026

    詳細

    パーソナルジム
    ダイエットプログラムに加入してもらう
    20代〜40代の男女。ダイエットや体型改善を目指す人々。
    4時間

    20〜40代の男女をターゲットに、「挑戦」と「達成感」を強く印象づけるビジュアル設計を行いました。短期集中型プログラムの勢いを表現するため、文字を斜めに配置し、動きのあるレイアウトでエネルギッシュな印象を演出しています。

    メインビジュアルには女性モデルを使用しつつ、全体のトーンはクールかつスタイリッシュに統一。性別を限定しない配色や雰囲気づくりにすることで、男性にも自然に興味を持ってもらえるデザインに仕上げました。

    また、強いコントラストを意識することで視認性を向上させ、「期間限定 9/30(月)まで ※対象店舗・適用条件あり」や「無料体験実施中」といった訴求ポイントが瞬時に伝わる構成に。勢いだけでなく、情報がしっかり届くバランスを重視しています。

    x
    バナー制作

    みらい歯科医院

    詳細

    医療
    新規開院の認知拡大、地域住民への安心感の醸成、内覧会・初診予約への導線づくり
    小さなお子さまを持つ保護者、歯科治療に不安を感じている方、長く通えるかかりつけ医を探している方
    5時間

    新規開院告知のため、「安心感」と「信頼感」が伝わる構成を意識しました。やわらかいトーンと余白を活かし、地域に寄り添う歯科医院であることが直感的に伝わるデザインにしています。

    院長メッセージは読みやすいレイアウトで配置し、人柄や想いがしっかり伝わるよう構成。また、設備・治療内容はアイコンやブロック分けで整理し、視覚的に理解しやすくまとめました。

    「痛みに配慮」「丁寧な説明」「削らない治療」という3つの強みは強調デザインで差別化し、安心して来院できる理由を明確にしています。

    x
    バナー制作

    Instagramバナー制作講座バナー

    詳細

    教育 / Webデザイン講座
    Webデザイン講座の受講生募集、講座の認知拡大、初心者層への安心感の訴求、申込み・問い合わせへの導線づくり
    Webデザインに興味のある女性、副業や在宅ワークを始めたい初心者、Instagram投稿デザインを学びたい20〜30代女性
    30分

    講生募集のため、「女性向け」「初心者でも安心」「限定価格」を視覚的に伝える構成を意識しました。ピンク系のグラデーションと人物写真を使用し、柔らかく親しみやすい印象になるようデザインしています。

    また、「限定募集」「40%OFF」「今だけ」などの訴求要素を複数配置し、緊急性を持たせることでクリックや申込みにつながる導線設計にしました。チェックマーク付きのベネフィットを左側にまとめることで、講座の魅力が一目で伝わるよう工夫しています。

    価格は大きく配置し視認性を高め、Instagramバナー制作講座(全4回)と具体的な内容を明記することで、サービス内容の理解を促進しています。全体の情報量を整理しながら、女性向けの華やかさと可読性のバランスを重視しました。

    Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
    • Image
    • SKU
    • Rating
    • Price
    • Stock
    • Availability
    • Add to cart
    • Description
    • Content
    • Weight
    • Dimensions
    • Additional information
    Click outside to hide the comparison bar
    Compare