ブログ · 制作事例 ·

JOYPACK:展開図から箱へ

平面の展開図から3種類の箱へ。一続きの動きで製品を伝える、包装資材メーカーの英語・韓国語サイトです。

段ボール箱、格子状の仕切り、カスタムインサートの3種類を示すJOYPACKの3Dモデル

製品を通じて仕事を伝える

JOYPACKはオーバーン近郊のアラバマ州オペライカにある包装資材メーカーです。アラバマ州とジョージア州の企業に製品を供給しています。製品と製造設備を理解し、包装の相談へ進めるサイトを制作しました。

製品
3種類の包装構造
言語
英語・韓国語
担当範囲
サイト・3Dモーション・地域検索の基盤整備
結果
サイト公開済み

joypackinc.comで公開。Search ConsoleとGA4を接続し、計測を開始しました。

会社紹介資料から始める

出発点は会社紹介資料にある製品写真、設備、製造工程でした。資料を段ボール箱、仕切り、カスタムボックスとインサートの3つの製品群に整理しました。

3つの案から、一続きの流れへ

A案は工程を一つずつ見せ、B案は落ち着いた誌面のように構成しました。最終のB2案では、スクロールに合わせて移動する一つの箱が製品と工程をつなぎます。

青い箱の展開図とEvery product starts with a boxの見出しがあるJOYPACKのトップ画面
最終案のトップ画面は、メッセージと平面の展開図から始まります。

展開図が製品になる

スクロールすると展開図が仕切り付きの箱に折り上がり、製品一覧の中央へ移動します。左右には別の2種類の構造が現れます。製品を選ぶと中央で展開し、再度押すと折り上がります。自動再生でも各構造を順に確認できます。

サイトの実際の箱レンダラーで収録した15秒の動画です。展開図が製品一覧になり、続いて段ボール箱が開いて折り上がる様子を確認できます。

モデルは包装構造を説明するためのものです。寸法が確定した製造図面や、認定された荷重試験の結果ではありません。

設備の姿を保つ

設備写真は背景と機械の細部を残し、控えめに鮮明さを調整しました。接着・ステッチ機が横につぶれて見えないよう、紹介資料の表示比率を基準に修正しました。

小さな画面でも伝わる構成

製品の動きは一時停止でき、名前付きのボタンでも操作できます。端末の視差効果を減らす設定に対応し、描画できない環境では静止した製品一覧を表示します。アニメーションなしでも説明と問い合わせ先を確認できます。

地域から見つけてもらうために

英語と韓国語のページにそれぞれURL、タイトル、説明、言語切り替えリンクを用意しました。オペライカの住所、月〜金の午前9時〜午後5時という営業時間、アラバマ州とジョージア州の対応地域を掲載し、事業者情報の構造化データも追加しました。

joypackinc.comでサイトを公開し、GA4とSearch Consoleを接続しました。現時点で確認できる成果はサイトの公開と計測基盤の整備です。検索露出や具体的な相談の変化は、より長い期間で確認していきます。

ほかの制作事例.

  1. 日中に手に持ったCafe Mallowのアイスドリンク2杯。ビスケットを添えた抹茶とクリーム入りのアイスコーヒー

    · 制作事例

    Cafe Mallow:公開3日で材料が品切れ、最初の7日間の検索結果

    公開後7日間で検索表示3,998回、クリック337回。平均掲載順位は初回記録の5.7位から公開後7日間の平均3.2位へ、2.5位上がりました。

    読む
  2. 黒い大理石の上の白い皿に盛られた大きなとんかつに、ソースをかけるKing Katsuの写真

    · 制作事例

    King Katsu Land:3つのデザインと初回の検索データ

    2店舗のための3つのデザイン案をコードで制作。直近3日間で検索表示3,894回、クリック174回、31の検索語でGoogle 1位を記録しました。

    読む
  3. 障子のある明るい和風の食事空間で、テーブルに置かれた弁当と緑茶

    · 制作事例

    Midori Sushi:オースティンの本格寿司、27年目の新装

    1999年創業のオースティンの寿司店。210品のメニューを検索できるように構成しました。直近3日間で検索表示1,615回、12の検索語でGoogle 1位を記録しました。

    読む
  4. 深い赤色のテーブルに並ぶヤンニョムチキン、トッポッキ、小皿料理

    · 制作事例

    Cocobang:サンフランシスコの夜に楽しむソウルの味

    深夜まで営業する韓国料理店のメニュー、営業時間、注文先を1つのサイトにまとめました。

    読む
  5. ニュースフィード、投資カレンダー、プロフィールを表示したSAVEリリース時のモバイルデザイン

    · 制作事例

    SAVE:リリースに向けたウェブサイトとアプリのデザイン

    投資ニュースプラットフォームのローンチデザイン。2026年9月時点でGoogle Play 10万+ダウンロード、韓国App Store評価4.8、ファイナンス77位です。

    読む
  6. 2026年9月12日に撮影したGSDAQウェブアプリ。ニュースフィード、市場ダッシュボード、経済カレンダー

    · 制作事例

    GSDAQ:AI株式リサーチのデザイン・開発・リリース

    GSDAQのWebサイト、Webアプリ、iOSアプリのデザインと開発を担当しました。コンテンツ制作とApp Storeでのリリースも担当しています。

    読む
制作を相談する

あなたのお店を、
必要な人に届ける.

どんなお店で、何を改善したいか教えてください。まずは数行で大丈夫です。

213-222-3086
制作のご相談任意の項目には表示があります。

ご入力の情報は、ご相談内容の確認とメールでの返信に使用します。