hosonotakuya.com
Web Design / Coding
Original Works
制作サイトhata2.work
-
サイトアドレス
-
サイトの概要
アーティスト・クリエイターhata2のWebサイト
【hata2.work】
アーティスト・クリエイターのhata2のWebサイト
10代から作品制作を行い、主にドローイングやインスタレーションによる作品を個展やグループ展にて発表。
現在は作品制作の傍ら企業等の名刺やショップカード、 フライヤーから店内装飾品の作成まで幅広く制作を行っている。 -
ターゲット層
hata2.workに仕事を依頼する方、過去の作品を確認したい方
-
目的・ゴール
hata2さんの過去の制作物や雰囲気を伝えること。仕事の依頼等の窓口になること。
-
制作のポイント
基本的には作品の掲載を主にして、文字情報は少なくし、スクロールを極力しないレイアウトにしたいとの希望や画像を一覧表示を避けたいとの希望に沿ってデザインを行いました。
-
制作の作業範囲
設計、デザイン、コーディング、CMS実装(WordPress)
-
制作期間
3週間
-
使用ツール
HTML, CSS, Javascritp(jQuery, swiper, PhotoSwipe), WordPress, Visual Studio Code, Photoshop
-
表示確認
【OS】
Windows10, MacOS, iOS, Android【ブラウザ】
Chrome, Firefox, Safari -
制作過程
今後管理する中で本人が画像の追加を気軽にできるようにしたいとの意向から、WordPressのオリジナルテーマを作成し、更新できるように構築を行いました。画像の更新はカスタム投稿ページを作成し対応しております。
また、制作画像の掲載ページでは拡大してスライドショーを展開しているが、スマートフォンでのスワイプを希望していたため、PhotoSwipeを用いて実装を行いました。
今回デザインの意向を聞いてからデザインカンプの作成を行いましたが、認識の齟齬もあり実装後にデザインの修正がいくつか発生しており、実装前のより徹底した確認の重要さを再確認いたしました。
制作サイトキャプチャ画像
※全ページ(パソコン表示、スマフォ表示)