WORKS 制作したもの

タイトルTOP画像
SAIJIRUSHI 制作物画像

SAIJIRUSHI(サイジルシ)

https://saijirushi.co.jp

概要

新ブランド「SAIJIRUSHI」の世界観を表現しつつ、ECサイトとしての使いやすさを向上させることを目的に制作。
既存ブランド「OgarMade(オーガーメイド)」との違いや特徴がわかるよう、商品情報やブランドストーリーを整理。
初めて訪れるユーザーでも迷わず購入できる導線を意識。

制作範囲

デザイン / コーディング / 運用・管理
デザイン・コーディング・運用管理を担当。

制作期間

企画・WF:1ヶ月
デザイン:2週間
コーディング:1週間

使用ツール

Figma / VSCode / Photoshop / Illustrator

コーディング言語

HTML / CSS / JavaScript

Concept 制作コンセプト

RHINO GYM 制作物画像

課題

①新ブランドの世界観や特徴が初めて訪れるユーザーに伝わりにくい
②商品情報や違いが分かりにくく、購入判断が難しい
③初めてプロテインを購入するユーザーが不安を感じやすい

目的

①新ブランド「SAIJIRUHI」の魅力や特徴をわかりやすく伝える
②オーガーメイドとの違いを明確にし、ブランドの個性を理解してもらう
③初めてのユーザーでも安心して購入できるEC体験を提供

ターゲット

・新ブランド「SAIJIRUSHI」に興味を持ち、初めてプロテインを購入する人
・既存ブランド「OgarMade」の利用者で、新ブランドとの違いを知りたい人

デザイン

新ブランド「SAIJIRUSHI」の世界観を一貫して伝えることを最優先に、ブランドイメージに沿った 色味やレイアウトを意識しました。
既存テンプレートを活かしつつ、ユーザーが直感的に商品情報を理解できるよう、 余白や情報量のバランスを調整。
初めて訪れるユーザーでも安心して購入に進めるよう、見やすさと操作のしやすさを意識しています。

情報設計

商品やブランドの特徴が初めてのユーザーにもわかりやすく伝わるよう、カテゴリ分けや情報の順序を整理しました。
既存ユーザーにはブランド変更後の情報がスムーズに理解できるように配慮し、購入までの導線はシンプルで迷わない構造に。
また、購入前に迷いやすい点は説明文や写真を活用し、不安を軽減する設計にしています。

Other Works 他の作品を見る

  • RHINO GYM Webサイト

    RHINO GYM |Webサイト

    https://gym.rhino-gym.jp

    既存サイトに不足していた情報を整理し、より分かりやすく利用しやすいページを追加制作。

    View More
  • Ogarmade

    OgarMade |ECサイト

    https://ogarmade.jp

    ブランド変更に合わせてサイト全体を刷新。
    より使いやすい導線へ改善。

    View More
  • コーポレートサイト

    リバティライフ |コーポレートサイト

    https://libertylife.jp

    古くなっていた会社サイトを全面リニューアル。企業の魅力が伝わる構成に再設計。

    View More
  • 採用サイト

    リバティライフ |採用サイト

    https://libertylife.jp/recruit/

    求職者に会社の雰囲気がリアルに伝わるよう、情報設計から撮影同行まで一貫して制作。

    View More