カテゴリー: Works

  • 万年筆iromi

    万年筆iromi

    万年筆iromiのバナー(ターゲット別2パターン)

    概要

    ターゲット別に2パターン設計し、
    「色を選ぶ楽しさ」で万年筆を身近に感じられるバナーを制作しました。

    架空の文房具ブランドと商品のコンセプトをもとに、その魅力が伝わるビジュアルにしました。

    ブランドと商品

    ひとかきは、「やる気は、はじめのひと書きから生まれる。」を企業メッセージに掲げる、はじめに寄り添う文房具ブランドです。

    iromiは、「色を選ぶ楽しさ」を入り口に、万年筆を気軽に手に取ってもらうために生まれた商品です。

    【ターゲットA】

    万年筆未経験の20代営業職

    ターゲットA向けの万年筆バナー

    デザインのポイント

    落ち着いたトーンでビジネスシーンを想起させ、
    商談中に自然と目に入る存在として設計しました。

    手帳と組み合わせることで使用シーンを具体化し、
    「印象に残るツール」としての価値を表現しています。

    【ターゲットB】

    万年筆経験者の30代看護師(普段使いはボールペン)

    ターゲットB向けの万年筆バナー

    デザインのポイント

    明るく華やかな配色で、
    日常に彩りを加える印象に仕上げました。

    複数のカラーを見せることで、
    「1本に決めなくていい」という自由さと楽しさを表現しています。

    ブランドロゴ

    ひとかきのブランドロゴデザイン

    制作情報

    • 使用ツール:Photoshop / Illustrator(ロゴマーク)
    • 企画・構成:2日
    • 制作:4時間
  • 健心茶

    健心茶

    健心茶LPのファーストビュー

    概要

    見せ方と視認性を意識して制作したランディングページです。

    Photoshopで画像を制作した上で実装し、
    湯気にゆらぐ文字や影で奥行きを出すなど、視覚的にも伝わる工夫を行いました。

    ターゲット

    共働きで忙しい夫婦。
    健康を気にしつつ、手軽に取り入れられる習慣を求めている。

    デザインのポイント

    お茶という素材の「みずみずしさ」を活かし、透明感のあるビジュアルに仕上げました。

    ベースカラーにはポップな黄色を選び、若い世代にも親しみやすい印象にしています。

    成分や効能の説明セクションでは、背景や影を加えることで情報に説得力を持たせ、
    「なんとなく良さそう」ではなく「根拠がある」と感じてもらえるよう意識しています。

    健心茶ランディングページ全体

    制作情報

    • 使用ツール:Photoshop / Illustrator / STUDIO
    • 構成:1日
    • デザイン:5日
    • 実装:30分
  • WEB VISION ACADEMY

    WEB VISION ACADEMY

    フリーランスWebデザインスクールLPのファーストビュー

    概要

    デザインから実装まで行い、レスポンシブ対応したランディングページです。
    スクール課題として、指定されたワイヤーフレームと文言をもとに制作しています。
    はじめてのランディングページ制作として取り組みました。

    ターゲット

    デザインに興味のある20代前半〜30代後半。
    転職やキャリアチェンジを考えており、
    新しいスキルを身につけたいと思っているが、一歩を踏み出せずにいる。

    デザインのポイント

    配色の使い分けを意識しました。

    メインカラーのグリーンで安心感と信頼性を表現し、
    イエローのグラデーションで新しい挑戦への前向きさを演出しています。
    CTAボタンにはオレンジを使用し、視線を集めながら行動につながる導線を設計しました。

    全体として、「学ぶ場所としての安心感」と「新しいチャレンジへの期待感」のバランスを大切にしています。

    Webデザインナースクールランディングページ全体

    制作情報

    • 使用ツール:Figma(デザイン) / STUDIO(実装)
    • 制作期間:2週間