海と冒険者のためのファッション。コバルトラインプレゼントにも最適!写真から作るペットオーダーグッズ。Cobalt Line×mofuno

【Vue.js】伝統工芸品紹介サイト制作のフロントエンド開発支援

Webサイト
Javascript
Vue.js
Client

U 様

Role
フロントエンド

Index- もくじ -

伝統工芸品の紹介サイト制作の、フロントエンド開発を支援させていただきました。

工芸品の制作過程や素材などの紹介に加え、商品や歴史、仕上がりの違いによるコンテンツが掲載されているWebサイトです。

Web制作について

制作期間

初期リリースまで約1ヶ月

担当

  • フロントエンド設計
  • フロントエンド開発

主な言語

  • html(Pug)
  • CSS(Sass)
  • Javascript(Vue.js)
  • PHP(WordPress)

コメント

工芸品のギャラリーがあり、Vue.jsで検索や絞り込みができるよう実装しました。
詳細の表示がモーダルの指定だったため、モーダルを閉じなくても次や前のギャラリーに遷移できるようにしています。

伝統工芸品の重さを感じるとても素敵なデザインでしたので、派手ではないけれども丁寧な演出を心がけ、パララックスやスクロールアニメーションなどを随所に取り入れました。

Contactお問い合わせ

やりたいことも課題も、
お気軽に聞かせてください。

「相談からはじめたい」という方も
アイディア段階から
共創させていただきます。