L O A D I N G
0  /  100

AURA ART

https://auraart.tokyo

Type
サービスサイト
Category
芸能, アート
Design
Webデザイン
Development
WordPress
Technique
THREE.js, WordPressカスタムテンプレート

I. プロジェクト概要

作品(アート)を中心に情報設計し、THREE.jsを利用したアニメーションでAURA ARTの由縁である“オーラ”を表現。
トップページの縦側カルーセルスライダーやサムネイルのマウスオーバー、AJAXでのページ遷移(非同期通信)等、随所にエフェクトとして使用しています。

今回のリニューアルにあわせWordPressを作り直し、ワークスやトピックスを投稿する機能をオリジナルでカスタムテンプレートを実装しています。

ポイント

  • Design

    アートを中心に情報設計。作品が映え、かつ単調にならないよう工夫してデザイン

  • Development

    ワークスやトピックス等の各コンテンツをWordPressのカスタム投稿機能で構築

  • Technique

    THREE.jsを利用した揺らぎアニメーションを随所に利用しアートのコンセプトを表現

II. スクリーンイメージ