ホームページ制作TOP > Web制作実績 > YIEA東京アカデミー [日本留学スクール / レスポンシブサイト]
![[Yiea-Tokyo] トップページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2019/01/works111-screenshot-pc01-134x76.png)
![[Yiea-Tokyo] 当校の特色ページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2019/01/works111-screenshot-pc02-134x76.png)
![[Yiea-Tokyo] 進路サポートページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2019/01/works111-screenshot-pc03-134x76.png)
![[Yiea-Tokyo] 総合日本語<留学ビザ>ページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2019/01/works111-screenshot-pc04-134x76.png)
DESIGN
幾何学的なデザインの中にインパクトを入れ込んだ大型サイト!
学生が求めているポップなテイストを強烈に印象づけました。
今回のご依頼はロゴの配色である「マゼンダ」をふんだんに取り入れてポップに仕上げるといったご要望から始まりました。
他のサイトではあまり見ることができないサイトに仕上げることを目標としてデザインに取り掛かりました。
まずは、三角形で構成されたロゴに着目し、このロゴのマインドを活かすため、不安定な三角形を格子のようにパターン化することによって安定感を保持しながらその一つ一つのマスの中でロゴの「y」そして日本語スクールであるjapanの「j」を掛け合わせてメインビジュアルを構成しました。
空いたスペースを活用しポップな吹き出しでメッセージ性を演出しています。
日本語、英語、簡体字、繁体字4ヶ国語対応でデザイン、運用、SEO対策などフルで戦略を盛り込んだホームページです。
複雑なレイアウトでもしっかりとしたレスポンシブコーディング
複雑なレイアウトでもしっかりとしたレスポンシブコーディング
PC、タブレット、スマホなど、ブラウザの幅によって最適化されたデザインを掲出するレスポンシブコーディングで作成しています。今回は三角形のグリッドや複雑なレイアウトのため、難易度はかなり高かったですが、どの端末でもエラーがない状況を確認し納品いたしました。
制作概要・工程
企画デザイン設計ライティング撮影SEO内部コーディングCMS導入納品チェックリダイレクト処理
-
納品日 2018年12月19日 端末対応 レスポンシブ ページボリューム 132ページ -
グレード ハイクオリティ 撮影 あり CMS あり