Reucla(株式会社アリエル様)

案件サマリー

種別: ECサイト
目的: ブランド品リユースECサイトの新規立ち上げ
制作期間: 約1ヶ月 2025年11月

サイト名提案ロゴデザイン TOPページデザイン商品一覧ページデザイン EC-CUBE実装メインビジュアル制作
担当範囲: ネーミングロゴデザイン情報設計デザイン EC-CUBE実装
使用技術: HTML CSS JavaScript PHP
使用ツール: EC-CUBE Figma VS Code Photoshop

概要

ブランド品リユースをテーマにしたECサイト「Reucla」を制作しました。
サイト名・ロゴ・TOPページ・商品一覧ページのデザインを担当し、EC-CUBEの構成を活かしながら、高級感のある世界観と商品を探しやすい導線を両立しています。

作品を見る →

背景・課題・対応

背景

ブランド品のリユースをコンセプトにしたECサイトの新規立ち上げに関わりました。
高級感のある印象が求められていたため、サイト名・ロゴ・TOPページ・商品一覧ページを通して、上質さとリユースらしい循環のイメージが伝わるサイトを目指しました。

課題

EC-CUBEの基本構成を活かしながら、ブランド品リユースに合う世界観と、商品を探しやすいEC導線を両立する必要がありました。
また、リリースまでのスピードを意識しつつ、TOPページや商品一覧ページの印象を整えることが求められました。

対応

サイト名・ロゴ・メインビジュアル・TOPページ・商品一覧ページを設計し、ブランド品リユースらしい高級感を表現しました。
カテゴリ・ブランド・検索条件から商品を探せる導線を整え、ECサイトとしての比較・検討のしやすさも意識しています。

主な対応内容

「リユース」と「クラシック」を掛け合わせたサイト名を提案
サイト名に合わせたロゴデザインを作成
TOPページと商品一覧ページのデザインカンプを作成
EC-CUBEの基本構成を活かしながらデザイン・実装を調整
カテゴリ・ブランド・複数条件検索から商品を探せる導線を設計
TOPページ用のメインビジュアルを3枚制作

成果物

サイト名・ロゴデザイン

担当範囲

ネーミングロゴデザイン

「リユース」と「クラシック」を掛け合わせたサイト名として、Reuclaを提案しました。
ロゴは頭文字の「R」に、商品が循環するイメージを表す「∞」のモチーフを組み合わせています。

意識した点

リユースの循環性を、サイト名とロゴの両方から感じられるようにする
ブランド品を扱うECサイトとして、上質な印象にする
- なめらかな曲線を使い、クラシックさや高級感が伝わるロゴに整える
サイト名とロゴが、ECサイト全体の世界観の起点になるようにする

TOPページデザイン

担当範囲

情報設計デザイン EC-CUBE実装

TOPページでは、ブランド品リユースECサイトとしての第一印象と、商品を探し始めるための導線を設計しました。
カテゴリやブランドから商品へ進める構成にし、初めて訪れたユーザーが自然に商品一覧へ移動できるようにしています。

意識した点

ファーストビューで、ブランド品リユースらしい上質さが伝わるようにする
カテゴリ導線を設け、目的の商品ジャンルへ進みやすくする
ブランドボタンの質感で、それぞれのブランドらしさを視覚的に表現する
EC-CUBEの標準構成を活かしつつ、TOPページの印象を独自のものにする
リリースまでのスピードを意識し、効果が出る部分に絞ってデザインを調整する

TOPページメインビジュアル

担当範囲

デザインバナー制作

TOPページ用のメインビジュアルを3枚制作しました。
ブランド品リユースの世界観に合うよう、上質感と商品への期待感が伝わるビジュアルを意識しています。

意識した点

サイトに訪れた瞬間に、扱う商品の雰囲気が伝わるようにする
高級感を損なわない配色や余白を意識する
ECサイトとして、商品を見てみたいと思える期待感をつくる
TOPページ全体のトーンと馴染むビジュアルにする

← 実績一覧に戻る

Shiho Portfolio