【Web】制作実績から厳選!サイトのこだわり・見どころ集

【Web】制作実績から厳選!サイトのこだわり・見どころ集

気になることはまずSNSで検索。でもなんだかんだ最後に辿り着くのはやっぱり公式サイト、miyossyです。

弊社ではこれまで、さまざまなWebサイトを制作してきました。
Webサイトを見る時、まず目に入るのはデザインや写真かもしれません。しかし、その裏には目的や想いを伝えるための工夫が数多く詰まっています。

今回はその中から、「実はここに注目してほしい!」というこだわりや見どころをピックアップしました。
一見しただけででは気づきにくい制作の工夫や、それぞれのサイトならではの工夫をご紹介します!

 

【EC】株式会社taneさま

https://hellotane.com/

イラストの世界観をより豊かに彩るアニメーション

こちらの制作では提供いただいたデザインをもとに、実装および機能開発を担当させていただきました。Aboutページでは、しまむらひかりさまが描いたイラストをより一層楽しんでいただけるよう、絵の雰囲気の延長線にあるようなアニメーションをつけています。

特にこだわったのは、ふんわりと揺れるお花の上をのんびりと飛んでいく蝶々の動きです。タイルの裏から飛び出して、またかえっていくような、Webにはめずらしい動きを実現しました。

実はこの蝶々は商品一覧ページでも、気になる商品をホバーした時に出会うことができます!

EC運営を支える機能

機能面では、リッチなレビュー機能を組み込むことで、実際に使用していただいたお客さまの口コミから商品のイメージを膨らませることが可能になっています。

また、注文ごとの配送に伴う予想CO2排出量を自動算出し、大気中の炭素を除去する取り組みへ一定額を拠出するアプリを導入。すべての配送におけるカーボンニュートラルを実現し、地球の将来を見据えたプロジェクトにも貢献しています。

【EC】株式会社KEIさま

https://ke-i.co/index.php

柔軟なオーダー体験を実現

今回の制作では、提供いただいたデザインをもとに、実装および機能開発を担当しています。
従来の「サイズもデザインもオーダー」する注文方法に加え、「サイズのみのオーダー」「デザインのみのオーダー」「サイズもデザインも既製品から選ぶ」といった注文方法を新たに実現したことで、すこしハードルの高かったオーダーシャツを、ユーザーが自分にあった方法でより気軽に楽しめるようになりました。

シュミレーション

商品ページでは、陳列されたシャツから欲しいものを選ぶように「シャツから選ぶ」方法と、テーラーでオーダーメイドするようにまずは生地を決めてからパーツを選ぶ「生地から選ぶ」方法を選択いただけます。

どちらもシュミレーション画面を通じて好みにカスタマイズすることができ、マイデザインとして保存することが可能です。

ユーザーにとってストレスのない設計

マイサイズ機能やマイデザイン機能を使用して自分仕様にカスタマイズしたサイズやデザインは、マイページだけでなくカート画面からでも変更ができるように実装しています。ユーザーにとってストレスのない購入フローを意識することで、オーダー商品をスムーズに購入できるサイトを目指しました。

【EC】有限会社ネクストレコードさま

https://nextrecordsjapan.net/

実店舗の雰囲気との調和

豊富なレコード中からお気に入りの一枚と出会えるよう、情報設計から丁寧に見直し、直感的に使いやすいデザインを目指しました。また、サイトを訪れた瞬間に店舗の雰囲気やモダンな世界観が伝わるよう、ビジュアル表現にもこだわっています。

ファーストビューでは、レコードがスライドしながら情報が切り替わる演出を採用し、インパクトのあるデザインに仕上げています。

レコードの検索と視聴

機能面では、検索と視聴機能に特に力を入れています。
検索では、BPMや出国版、盤の状態など商品フィルターとして利用することで、数多くあるレコードの中から目的の商品をスムーズに見つけられるようにしました。

視聴機能においては、すべてのレコードの視聴データを保持しているという強みを活かし、独立したUIプレイヤーによる快適な視聴を実現しています。

また、商品がたくさんあるがゆえに、商品ごとに関連する商品をランダムで提案できるようにするカスタムアプリの開発もしています。

豊富な絞りこみ条件

 

視聴コンテンツ

運営側の負担軽減

便利なのはユーザーだけではありません。
CSVを用いた独自のテンプレートで毎週行う数百件の商品登録を自動化できるアプリを開発しました。Shopifyで構築しているため、カスタムフィールドで使用している商品登録を、ひとつのCSVで実施できるような仕組みを実装し、運用側の負担がなくなるように設計をしています。

まとめ

最後までご覧いただき、ありがとうございました。
今回は、これまでWandで詳しく取り上げてこなかった3つのサイトのデザインや機能、演出などの見どころをお伝えしました。

私たちは、見た目の美しさだけでなく、使いやすさや心地よい体験につながる機能面にもこだわり、一つひとつのサイトを制作しています。

これからも制作実績を通して、デザインや機能に込めたこだわりを発信していきます。ぜひ今後の記事もご覧いただけますと嬉しいです!