koheitakahashi / sound_links

音楽配信サービスを横断検索でき、その楽曲を共有するための各サービスのURLを、ボタン一つで取得することができるサービス。
13 stars 1 forks source link

デザインのリニューアル #121

Closed koheitakahashi closed 3 years ago

koheitakahashi commented 3 years ago

概要

v0.1.0 のデザインが味気なかったため、全てのデザインのリニューアルをしました。 favicon やロゴもリニューアルしました。

この PR は以下の issue に関連します。

https://github.com/koheitakahashi/sound_links/issues/87. 対応内容: デザインをリニューアルしました。

https://github.com/koheitakahashi/sound_links/issues/110 対応内容: トップページのロゴの並び順と検索結果ページの並び順を AppleMisic・Spotify・KKBOX の順にしました。

https://github.com/koheitakahashi/sound_links/issues/108 対応内容: API が公開されているサービスのみに対応することにしているので、API を公開している主要な音楽配信サービスが AppleMusic・Spotify・KKBOXくらいだったので、現時点ではこれ以上増やせません。そのため、その記述をトップページに記載しました。(変更点のトップページのスクショを参照)

https://github.com/koheitakahashi/sound_links/issues/107 対応内容: トップページのデザインを変更し、図などで視覚的にサービスの目的を伝えられるようにしました。

変更点

PC幅(横幅1080pxを想定)

トップページ

before after

検索結果ページ

before after

免責事項ページ

before after

エラーページ

before after

スマホ幅(iPhoneX 横幅375pxを想定)

トップページ

before after

検索結果ページ

before after

免責事項ページ

before after

エラーページ

before after

動作確認

手元の環境で、全てのページが意図したとおりに動くことを確認しました。

参考

koheitakahashi commented 3 years ago

手元ではデザインが更新されていること、意図したとおりに動作することを確認しました。 本番環境で動作することを確認し次第、関連 issue をクローズします 🙂