アイコン

Works

作品タイトル

デジハリブログ

サイト概要

WEBデザインスクールを運営しているデジタルハリウッドの各スタジオのブログ記事を一つのサイトにまとめました。

目的・経緯

各スタジオで書かれた有益な記事がデジタルハリウッド受講検討やWEBデザイナー志望の方の勉強に役立つのではとなり作成しました。

ターゲット

デジタルハリウッド受講を検討している方

WEBデザインを勉強しようと考えている方

制作ポイント

デジタルハリウッドのロゴのオレンジを使用して暖色系のサイトにすることによってデジタルハリウッド のアットホームさやWEBデザインの勉強は難しいというイメージを取り除ぞこうと考えました。

WEBデザイン制作初心者にもわかりやすいサイトにするため記事も写真と文字のバランスを調整してわかりやすく またカテゴリーを2つ作成することによってWEBデザインの勉強の仕方、デジハリがどのようなスタジオなのかを伝えられるように工夫しました。

また気になったスタジオがあったらすぐサイトに飛べるようにフッターに各スタジオのリンクを配置しました。

制作期間

2カ月

担当範囲

クライアントとのヒアリング、設計、デザイン、コーティング、Wordpress化

ツール

XD、photoshop、HTML/CSS、wordPress

レスポンシブ

PC、タブレット、スマートフォン

制作過程

初めての実務案件でのサイト制作ということもあり情報収集を念入りにしたり、トレーナーさんから様々な助言をいただきながら作成しました。

クライアントと重ねたヒアリングの内容とWEBデザイン初心者向けサイトにすることこの2つを課題にしレイアウトや機能を決めていきました。

現在は新宿と札幌と横浜のブログ記事をサイトに反映してます。

制作感想

制作の過程の中で自分の得意不得意なもの、どのパートの作成に時間がかかるかなど色々課題が見つかり自分にはどんな勉強が必要になるか見つけることが出来ました。

特にヒアリングに一番時間がかかってしまったため、制作の時のヒアリング内容を分析しクライアントとスムーズにやり取りできるよう改善していきます。