Works

ONBEAT

2017.03.02 2017.03.21制作実績

多言語の美術情報誌を出版されている法人様のコーポレートサイトの制作案件です。

クライアントのご要望として、サイト全体を通して動き(アニメーション)の実装と世界観を感じさせる写真を引き立たせたいとのことでした。またスマートフォン表示にも対応したいとのことでした。

WordPressによるサイト構築

WordPressのプラグインを利用し多言語化しました。クライアントから品質のいい写真を多数ご提供頂いたため、デザインに関しては写真を邪魔せず、引き立たせることに留意して制作しました。

またクライアントからいろいろなアイディアをご提示頂いたため、最大限ご要望に近づけられるよう、なおかつウェブサイトとしての構成が破たんしないよう制作を進めました。

jQueryによるアニメーション

制作においてもっともボリュームを割いたのはjQueryによるアニメーションの実装です。ページにアクセスしてからトップページが表示されるまでの一連の動きは、クライアント・ディレクターにも何度もご確認頂き、表示の切り替わるタイミングなどを吟味しました。

WordPressテーマの切り替えによるスマホ対応

今案件の場合、アニメーションを多用しているため、レスポンシブウェブデザインで実装するとスマホでの表示スピードが遅くなる恐れがありました。そのため、PC表示用のWordPressテーマとスマホ表示用のWordPressテーマを用意し、ユーザーエージェントによって表示を切り替える方法にしました。

Author: 柴田竹思

ベトナムと日本のに拠点生活Webディベロッパー。国内外のSOHO/フリーランスの方のウェブサイト制作から企業の大規模案件まで幅広く携わっています。