WEB CREATION RECORD

ホームページ制作TOP > Web制作実績 > YIEA東京アカデミー [日本留学スクール / レスポンシブサイト]
[期間限定] 標準クオリティープラン  WEBサイト制作20%OFF
失敗しないWeb制作会社の選び方

WEB CREATION RECORD

YIEA東京アカデミー様

[日本留学スクール / ホームページ制作実績]

[Yiea-Tokyo] トップページ
[Yiea-Tokyo] 当校の特色ページ
[Yiea-Tokyo] 進路サポートページ
[Yiea-Tokyo] 総合日本語<留学ビザ>ページ
[Yiea-Tokyo] トップページ
[Yiea-Tokyo] 当校の特色ページ
[Yiea-Tokyo] 進路サポートページ
[Yiea-Tokyo] 総合日本語<留学ビザ>ページ

DESIGN

今回のご依頼はロゴの配色である「マゼンダ」をふんだんに取り入れてポップに仕上げるといったご要望から始まりました。
他のサイトではあまり見ることができないサイトに仕上げることを目標としてデザインに取り掛かりました。

まずは、三角形で構成されたロゴに着目し、このロゴのマインドを活かすため、不安定な三角形を格子のようにパターン化することによって安定感を保持しながらその一つ一つのマスの中でロゴの「y」そして日本語スクールであるjapanの「j」を掛け合わせてメインビジュアルを構成しました。

空いたスペースを活用しポップな吹き出しでメッセージ性を演出しています。

日本語、英語、簡体字、繁体字4ヶ国語対応でデザイン、運用、SEO対策などフルで戦略を盛り込んだホームページです。

複雑なレイアウトでもしっかりとしたレスポンシブコーディング

[Yiea-Tokyo] トップページ | スマホビュー
[Yiea-Tokyo] 当校の特色ページ | スマホビュー
[Yiea-Tokyo] 進路サポートページ | スマホビュー
[Yiea-Tokyo] 総合日本語<留学ビザ>ページ | スマホビュー
[Yiea-Tokyo] メニュー | スマホビュー

複雑なレイアウトでもしっかりとしたレスポンシブコーディング

PC、タブレット、スマホなど、ブラウザの幅によって最適化されたデザインを掲出するレスポンシブコーディングで作成しています。今回は三角形のグリッドや複雑なレイアウトのため、難易度はかなり高かったですが、どの端末でもエラーがない状況を確認し納品いたしました。

制作概要・工程

企画デザイン設計ライティング撮影SEO内部コーディングCMS導入納品チェックリダイレクト処理

  • 納品日 2018年12月19日
    端末対応 レスポンシブ
    ページボリューム 132ページ
  • グレード ハイクオリティ
    撮影 あり
    CMS あり

PAGE TOP