g-Lab.
Jewelry Work Shop Cafe

サイトを開く
  •  概要

    ジュエリーの制作や宝石研磨のワークショップやジュエリーリフォームのご相談など、ジュエリーに関する事柄を扱うジュエリーショップのサイト。

  •  コンセプト

    「壊れてしまったジュエリーを修理したい」「以前買ったジュエリーを最新のデザインにリフォームしたい」「ジュエリーを手作りしたい」など…
    ジュエリーに関するお悩みを持つ幅広い年齢層のお客様をターゲットに制作しました。

  •  アピールポイント

    全体のコーディングと、ヘッダー・フッターデザインを担当しました。
    スッキリとした印象にしつつ、目的を持ってサイトに訪問していただいたお客様がすぐお問い合わせ出来るよう「お問い合わせフォームボタン」を設置いたしました。
    ヘッダー・フッターメニューともに現在自分がどこのページを閲覧しているか分かるよう、カレント表示にしています。

  •  製作期間

    2週間

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

ONLINE SHOP限定
MAX50% Spring Sale

  •  概要

    オンラインショップ限定のセールを告知するLP

  •  コンセプト

    既製品のブライダルリングを、オンラインショップ限定で最大60%OFFセールを行うために作成。
    高品質かつ予算を抑えながら、ブライダルリングの購入したいと考えているお客様をターゲットに制作しました。

  •  アピールポイント

    全体のコーディングとバナー作成を担当いたしました。
    一目で商品のイメージが掴めるように一覧で並べました。数枚画像があるものは2〜3枚表示させることで、全体のイメージがわかりやすくなるよう意識しました。
    目に留まるように通常価格とセール価格のジャンプ率に差をつけたり下線の位置の調整をしております。
    赤色で協調することでお得感が伝わるようにしました。

  •  製作期間

    3日

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

Artisan Collection
- アルティザンコレクション -

サイトを開く

  •  概要

    マリッジリングの新作コレクションのLP

  •  コンセプト

    優れた耐久性となめらかな付け心地が特徴の「鍛造製法」を用いたマリッジリングの新コレクションのフェアとして、LPを作成しました。

  •  アピールポイント

    全体のコーディングとバナー作成を担当いたしました。
    新コレクションのイメージを大きく配置し、商品をイメージしやすくしました。
    綺麗めでゆとりのある、ブライダルジュエリーのイメージに沿うように作成いたしました。

  •  製作期間

    3日

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

選べる2つのプレゼント
Spring Bridal Fair

  •  概要

    選べる2つの特典フェアの告知用LP

  •  コンセプト

    ブライダルリングを購入いただいた方を対象に、人気のオプションである2つの特典のうちどちらかをサービスするフェアのために作成。
    ブライダルリングの購入を考えているお客様をターゲットに制作しました。

  •  アピールポイント

    全体のコーディングとバナー作成を担当いたしました。オプションの説明を画像をメインに文章で簡潔に伝え、綺麗でゆとりのあるイメージを崩さないよう意識しました。

  •  製作期間

    3日

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

ジュリーイベント 告知LP

  •  概要

    イベントのPRの社外向けLP

  •  コンセプト

    「推し活」をテーマに開催されたイベントを宣伝するため作成しました。

  •  アピールポイント

    バナー制作、全体のコーディングとデザインを担当しました。
    バナーは社内のグラフィックデザイナーが作成したフライヤーを元にリサイズとデザインの再配置を行いました。
    出展者やイベント担当者にどの箇所を目立たせたいかをヒアリングし、赤字で表示したり枠で囲むなど受け手に伝えたい情報が伝わるよう工夫しました。
    より認知してもらえるようにタイトルや日付を大きめに配置しました。

  •  製作期間

    2週間

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

海外向け 会社案内LP

  •  概要

    海外向けの会社案内社外向けLP

  •  コンセプト

    海外の取引先で使用するため作成しました。

  •  アピールポイント

    全体のコーディング、バナー等のパーツ作成、デザインカンプを担当しました。
    担当者にヒアリングし、必要な情報を整理しながら掲載内容を決めてまいりました。
    「Our Advantages(私たちの強み)」では、「One-Stop-Service」として図を作成し、会社の強みを分かりやすく表現しました。

  •  製作期間

    4日

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

ECサイト
MAIL MAGAZINE

  •  概要

    中古ブランドジュエリー通販のメールマガジン

  •  コンセプト

    おすすめ商品をピックアップし、購入者を対象にリピート購入を目指し作成。

  •  アピールポイント

    テーブルタグを使用し、HTMLとCSSを用いて最初から作成いたしました。
    やや大きめに配置し、写真だけでどのような商品があるか分かりやすく構成しました。
    会社で運営しているInstagramの画像の中で、商品をより綺麗に美しく表現しているものをメインビジュアル、サブビジュアルとして配置することで、ユーザーの購買意欲をかきたてられるようなデザインになるよう意識しました。

  •  製作期間

    1週間

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

ECサイト
英語圏向けクーポン用LP

サイトを開く

  •  概要

    インバウンドのお客様向けを対象にした、50%OFFクーポン用LP

  •  コンセプト

    インバウンドのお客様が増加していることを受け、英語圏向けの広告に表示されるLPとして作成しました。訪日/在日外国人のお客様をターゲットに制作しました。

  •  アピールポイント

    全体のコーディングと、バナー作成を担当しました。
    クーポンのためのLPなので、お得なクーポンであることを伝える文章のみの、必要最低限の情報の掲載にすることを意識しました。

  •  製作期間

    1日

  •  使用ツール

    Adobe Photoshop/Adobe Dreamweaver

プロテイン専門店 N.protein
( 架空のサイト )

サイトを開く

  •  概要

    海外で展開しているプロテイン専門店をイメージしたサイト

  •  コンセプト

    健康に関心のある20〜30代の女性がターゲット。
    働く大人の女性をイメージし、洗練された雰囲気を目指して作成しました。

  •  アピールポイント

    全体的にスタイリッシュさとエレガントさを感じていただけるようなデザインを意識しました。
    ビジュアルメインのレイアウトにするため、大きく画像を配置したり、動きをつけることでサイトを訪れた際に強い印象を付けつつ、余白を広く取り、ゆとりがある優雅な印象になるよう工夫しました。

  •  製作期間

    2ヶ月

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver

有料老人ホーム えみライフ

有料老人ホーム えみライフ
( 架空のサイト )

サイトを開く

  •  概要

    介護付き有料老人ホームをイメージしたサイト

  •  コンセプト

    今後の住まいとして高齢者施設を探している高齢者のいる家庭がターゲット。
    「利用されるお客様に笑みあふれる毎日を過ごしていただきたい」「安心して家族を任せたい」と思っていただけるような、暖かい雰囲気のWebサイトを目指し、作成しました。

  •  アピールポイント

    全体的に暖かい印象になるよう暖色(オレンジ、ベージュ等)を中心に配色を決め、アクセントカラーは相性の良い緑を選びました。
    トップページのメインビジュアルには、お客様とスタッフが笑い合っている写真を採用し、サイトを訪れた人が入居後の生活をイメージできるようにデザインしました。

  •  製作期間

    2ヶ月

  •  使用ツール

    Adobe Photoshop/Adobe Illustrator/Adobe Dreamweaver