タグ: #StudentWork

  • 健心茶

    健心茶

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

    実際のサイトを見る →

    概要

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

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

    ターゲット

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

    デザインのポイント

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

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

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

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

    制作情報

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

    WEB VISION ACADEMY

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

    実際のサイトを見る →

    概要

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

    ターゲット

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

    デザインのポイント

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

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

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

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

    制作情報

    • 使用ツール：Figma（デザイン） / STUDIO（実装）
    • 制作期間：2週間