どーも、id:yanacii です。コベリンでは新規事業開拓のためスピーディに MVP を作る取り組みを行っています。普段はバックオフィス業務を行っていますが、最近はデザインにも挑戦しています。そこで本記事は Wix で素早く Web サイトを立ち上げたことの作業記録となります。
ダービーアリーナとは
現在、新しいプロダクトとして取り組んでいるダービーアリーナというものがあります。 ダービーアリーナは、競馬のあるレースの予想をみんなでしたり、馬券の購入方法で誰が一番払戻金が多いかで勝負するような、競馬の予想大会をもっと楽しく簡単にできるようにするためのサービスになります。 TakkuMattsuの知り合いの方たちに協力してもらって色々と試して貰ったりしているのですが、今はDisocordで全て完結していて外部から検索ができない状態になっています。 なので、外からサービスがどんなものかわかるようにしたいという目的からWixでランディングページを作成することにしました。
デザイン選び
Wixには、目的によって初期のデザインを簡単に作成できるように沢山のテンプレートが用意されています。 今回サイトを作成する目的が、外から見てサービスがどんなものか分かるようにしたいのと、現時点である程度機能とデザインが決まっていたこともあり、説明要素が多いテンプレートを選びました。 また、実写のような奥行きのある色味のものを選ぶと、ギャンブルという実際の競馬の印象が強くなりそうだったので、初期デザインは自分のイメージに近いベタっとした色味のものを選択しました。
テンプレートの調整
テンプレートのもとはイラストが多かったのですが、ダービーアリーナは実際に使用できるものが既にあるので、機能紹介のカラムではイラストを実際の画面に置き換えました。 セクションの配置と役割としては、あまり大きく変えていないですが、イラストも今回のサービスや目的に合うように置き換えました。 お客様の声のような、まだ記載ができないようなセクションについては削除しました。
その他
画像をそのまま配置するとかなりカッコ悪いので、縁をつけたりぼかしを入れたりしてサイトに馴染むように頑張ってみましたが、まだテクニックが不足していてあまりカッコよくない結果になってしまいました。 文字の大きさ、フォント、配置なんかもまだまだ改善の余地があります。ここら辺はインプットが足りていないので、いろんなサイトを意識して閲覧する必要を感じます。
Web サイトの紹介
今回完成した Web サイトはこちらです。ぜひアクセスしてみてください。 ※追記修正などの編集中の際はアクセスできないことがあります
