Webサイト ヒーローエリアデザイン

Web Design

Hero Design

Webサイト ヒーローエリアデザイン

Overview

「Grow Slowly」のブランドコンセプトである『想いを、ゆっくり形に。』を視覚的に表現するため、 Vegasによるスライド演出を取り入れたヒーローエリアを制作しました。

Target

  • ホームページ制作を検討している個人事業主
  • SNSやホームページを始めたいが、何から始めればよいか分からない方
  • 40〜50代で新しい挑戦を考えている方

Challenge

ブランドの第一印象となるヒーローエリアで、安心感や親しみやすさを伝えながら、 「Grow Slowly」の世界観を短時間で印象づけることを課題としました。

Concept

「想いが伝わる、親しみやすいブランド発信」

Design Keywords

  • 没入感
  • 静けさ
  • 緑
  • 光

Process

  1. ブランドコンセプト整理
  2. 想いが伝わる写真の撮影・選定
  3. Vegasを用いたスライド演出の設計・実装
  4. レイアウト・色味・余白を調整
  5. 表示速度や演出をブラッシュアップ

Solution

森や自然の写真を使用し、安心感や親しみやすさを感じられる世界観を意識しました。 また、Vegasのスライド演出を用いることで、 ブランドコンセプトである「焦らず、一歩ずつ成長する」というイメージを表現しています。

Webサイト全体のデザインやInstagramとも世界観を統一し、 Grow Slowlyらしさが伝わるヒーローエリアを目指しました。

Learning

制作を通して、ブランドとはロゴやデザインだけではなく、 「伝えたい想いを一貫して表現すること」だと学びました。

My Role

  • 企画
  • コンセプト設計
  • デザイン
  • HTML / CSSコーディング

Tools

  • Figma
  • HTML
  • CSS
  • jQuery
  • Vegas

Duration

企画・構成
3日
デザイン
2日
コーディング
1日
ブラッシュアップ
継続中

このほかの制作記録や学びの様子は
Instagramでも発信しています。

Instagramを見る
Works