Works /

atelier jolii様 コーポレートサイト

北海道の観光に特化したデザイン事務所のサイトリニューアルを担当

Art Direction / Design / Development

制作時期
2026.4〜5
制作期間
direction 2日
design 5日
cording 未定
Portfolio Site Mockup

ターゲット

北海道内で観光・宿泊業を営む経営者
自社のブランディングに課題を感じている企業担当者の方々

目標

・北海道の大自然の中で自由にデザインが生み出されるアトリエの空気感を伝え、他社との差別化を図る。
・ブランディングを軸に、DTP・ロゴ・パッケージ・WEB・店舗・空間デザインまで幅広く対応できる「トータルブランディング」の強みを伝える。
・新規事業(ステッカー)の認知度を高め、問い合わせのハードルを下げる。

デザイン戦略と設計

・制作実績をメインとし、あえてランダムなサイズ表示にすることで展示作品を観ているような体験を作り、自由な発想力を表現。
・クライアントごとに制作物をまとめて並べることで、トータルブランディングに強いことが直感的に分かる構成。

コンセプトとアプローチ

北海道の大自然で自由にデザインをしているアトリエをコンセプトに、
メインビジュアルは画面いっぱいに写真を配置し、広大な自然と澄んだ空気感を表現。 全体的に落ち着いたトンマナで作品自体を引き立たせるデザイン。

使用ツール

Figma / Illustrator / HTML / CSS / Javascript

制作期間

ディレクション・WF作成 2日
デザイン・修正 5日
コーディング・レスポンシブ対応 未定

サイトリンク

2026年5月公開予定です
Desktop
Desktop&Mobile View
Mobile
Mobile View

ー Figmaにて作成したデザインカンプの一部セクションを抜選してご説明します。

Design Guide

<サービス内容セクション>
色とレイアウトで4つのサービスがあることが直感的にわかるように。
それぞれのカラーはステッカー作品の背景に使用されている色を使い統一感を出しました。

Design Guide

<スケジュールセクション>
サイト全体の世界観を損なわないよう、ここではできるだけ色を使わずシンプルに。 上から下へ線の上を丸いオブジェクトが動く仕様にすることで、単調な内容もユーザーが受け取りやすい工夫をしました。

Design Guide

<ステッカー事業セクション>
ポップなカラーの制作実績を真ん中に配置し、サイト全体の世界観は保ちながら雰囲気を変えることで、 新しい事業であるオリジナルステッカーの魅力を表現。より気軽にお問い合わせをしてもらえるよう工夫しました。 また、アコーディオン形式で詳細が表示されるようにし、スクロールタイムを減らしつつ興味を持って下さった方には詳細が見れる仕様にしました。

Design Guide

<パンフレットダウンロード>
ステッカー事業単体のパンフレットを活用し、興味を持って下さった事業担当者の方がダウンロードする事で オフラインでいつでも詳細を見ることができ、また印刷すことで社内での提案や検討材料として使用いただけるなど、 よりお問い合わせにつながる施策を採用させて頂きました。

ホームへ戻る