Ocean blue
ブルーを基調に、魚や海藻の形と明るい差し色で海中世界を統一。
LANDING PAGE / SUBSCRIPTION
CrownBOX サービスLP
課題提起から始め、非認知能力の説明、パーソナライズの仕組み、教室との費用比較、利用者の声、FAQの順で積み上げたモバイル前提のランディングページです。読み進めるほど疑問が減るよう、価格と申込ボタンをセクションの区切りごとに再掲しています。
掲載画像はデザインデータから書き出したもので、記載の価格・キャンペーン内容は当時のものです。
ページ全体 / 375px幅・全長30,602px
実際の並び順のまま通しで書き出しています。
枠内をスクロールすると全ページを通して見られます。クリックで拡大します。
モーダル・展開パネル / 10点
本文を短く保つため、補足説明はその場で開くパネルへ逃がしています。
クラウンボックスとは 素材の例 素材の例（続き） 非認知能力とは アンケート結果 1 アンケート結果 2 アンケート結果 3 タイプ診断の結果 専用プログラム例 1 専用プログラム例 2
Design challenge
子どもの高揚感と、保護者への分かりやすさを両立する。
幼児向けの楽しさを損なわず、保護者が対象年齢、参加方法、サービス内容を短時間で理解できることが必要でした。そこで、見る距離と接触時間に応じて情報量を変えながら、色・書体・海のモチーフを全媒体で統一しました。
Visual system
一つの世界観を、媒体ごとの役割へ。
同じ絵柄を繰り返すのではなく、接する距離と時間に合わせて情報の主役を切り替えています。
Two layers
子ども向けの没入感と、保護者向け説明情報を視覚的に階層化。
Distance
大型展示物は一目で、手元の印刷物は読み進めて理解できる情報密度へ調整。
