CASE STUDY 05
自主制作
メディア企業サイト
HTML / CSS / JS

AURORA MEDIA

企画・デザイン・コーディング

https://hiro329biz-cpu.github.io/AURORA-MEDIA/

AURORA MEDIAのPC・スマートフォンモックアップ — DESKTOP / MOBILEHTML / CSS / JS

PROJECT DETAILSCASE STUDY 05 / AURORA MEDIA

AURORA MEDIA / CASE STUDY

43°03′N / 141°21′E

情報の速度を、迷わない導線へ変える。

SURFACE

強いブランドコントラスト

モノクロ写真にオレンジを効かせ、広告企業らしいエネルギーと視認性を両立しました。

PATH

サービスを課題別に整理

6つのサービスを短い説明と番号で分類し、自社に必要な支援を見つけやすくしています。

SYSTEM

成果を裏付けるコンテンツ

事例、マーケットニュース、企業情報を配置し、問い合わせ前の判断材料を充実させました。

TYPE自主制作 / Individual project
ROLE企画・デザイン・コーディング
TEAM1 person / 全工程を担当
STACKHTML / CSS / JavaScript / Responsive / UI Design
DEVICEResponsive

VIEW LIVE SITE ↗

IMPLEMENTATION NOTE

実装・検証内容

HTML・CSS・JavaScriptで長尺の企業サイト全体を実装
事業、事例、ニュース、採用情報を区別できる画面構成に整理
キービジュアルとセクション遷移に、ブランドに沿った動きを設計
PC・スマートフォンの主要幅でレイアウトと操作を確認

AURORA MEDIAのPC版全体デザイン — 01DESKTOP1440px VIEW

AURORA MEDIAのスマートフォン版全体デザイン — 02MOBILE390px VIEW