HARBORS
Brand Website Renovation
HARBORS PROPOSAL
初回デザイン提案 / 2026.10
01 / DROP MENU

ドロップメニュー

INSTAGRAM / NAVIGATION

Instagramページ導線ボタンデザインパターン

01 / 現行レギュレーションデザイン

PC DESIGN

SMARTPHONE DESIGN

現行レギュレーションデザイン

02 / 遷移先ページの属性と整合したワンユニットデザイン

PC DESIGN

SMARTPHONE DESIGN

遷移先ページの属性と整合したワンユニットデザイン
02 / BABY CARRIER CATEGORY TOP

抱っこ紐カテゴリートップ

製品ブランドKV訴求案、製品ブランドKV別案、スマートフォンの比較一覧

一覧をクリックすると原寸で確認できます。

原寸で確認:製品ブランドKV訴求案 / 製品ブランドKV別案 / スマートフォン

02-A / BABY CARRIER CATEGORY TOP

抱っこ紐カテゴリートップ(オーガニック検索施策)

丸型レイアウトをベースにしたPC・スマートフォンのアコーディオン開閉比較

一覧をクリックすると原寸で確認できます。

選び方コラムの開閉を確認:PC / スマートフォン

02-B / BABY CARRIER — COPY PROPOSAL

抱っこ紐の選び方 / コピー提案

HEADLINE

おすすめの抱っこ紐

親子に合うものを選ぶ3つのポイント

CARD COPY / 本文全文

新生児からいつまで?
月齢・成長に合うタイプを

新生児からいつまで使えるか、対象月齢・体重を確認。「ママうで抱っこ(横抱っこ)」「タテ対面抱っこ」など、成長に合う抱き方を選びましょう。対応する抱き方や使用条件は製品ごとに異なります。

赤ちゃんの安全性と
肩・腰への負担に配慮を

赤ちゃんの頭と首を支える「首マモール」や、腰の負担に配慮した「腰らくサポートEX」などに注目。赤ちゃんの姿勢と、抱っこする人へのフィット感を確かめましょう。搭載機能は製品ごとに異なります。

装着は簡単?
毎日の使いやすさも確認

「前面で装着完結タイプ」「背中バックル留めタイプ」から、使いやすい装着方法を確認。メッシュ構造の通気性や洗濯機で洗えること、収納に便利な「くるんとベルト」も選ぶポイントです。付属品は一部手洗いです。

閉じた状態 / 初期表示
選び方コラム:閉じた状態 / 初期表示
開いた状態 / 本文表示
選び方コラム:開いた状態 / 本文表示

コピー提案ページを単独で開く

03 / BRAND WEBSITE TOP

ブランドサイトトップ

3タイプから探す案

3タイプから探す案

001

生後すぐから使える

PC / 前後のセクションを含む

SP / 前後のセクションを含む

ページ全体を確認する(PC・スマートフォン)

PC / 全体

PC_Aprica_TOP_B_1

SP / 全体

SP 3タイプから探す案 1 全体

3タイプから探す案

002

生後14日から

PC / 前後のセクションを含む

SP / 前後のセクションを含む

ページ全体を確認する(PC・スマートフォン)

PC / 全体

PC_Aprica_TOP_B_2

SP / 全体

SP 3タイプから探す案 2 全体

3タイプから探す案

003

生後4ヶ月から

PC / 前後のセクションを含む

SP / 前後のセクションを含む

ページ全体を確認する(PC・スマートフォン)

PC / 全体

PC_Aprica_TOP_B_3ポルティ

SP / 全体

SP_Aprica_TOP_B_3ポルティ

ボタンの分類について(スペース効率の検討)

ボタンの分類について(スペース効率の検討)

001

生後すぐ / 3商品表示

PC / 前後のセクションを含む

SP / 前後のセクションを含む

ページ全体を確認する(PC・スマートフォン)

PC / 全体

PC_Aprica_TOP_A_1

SP / 全体

SP_Aprica_TOP_A_1

ボタンの分類について(スペース効率の検討)

002

生後14日・4ヶ月 / 2商品表示

PC / 前後のセクションを含む

SP / 前後のセクションを含む

ページ全体を確認する(PC・スマートフォン)

PC / 全体

PC_Aprica_TOP_A_2ポルティ

SP / 全体

SP_Aprica_TOP_A_2ポルティ

背景ビジュアル違い / Kurumu KV

背景ビジュアル違い / Kurumu KV

Kurumu KV

抱っこ紐の背景ビジュアル違い

PC / 前後のセクションを含む

SP / 前後のセクションを含む

ページ全体を確認する(PC・スマートフォン)

PC / 全体

PC_Aprica_TOP_BG

SP / 全体

SP_Aprica_TOP_BG
04 / SITE ARCHITECTURE

サイトツリー

ブランドトップから各カテゴリー、製品ページへの導線とInstagramの段階的な展開

サイトツリーを拡大して確認する