WixStudio事例｜（デモ）町の雑貨屋さんのホームページ

先日Wix Studioのイベントに参加して、新しくリリースされたWix Studioについて学んで参りました！

そして、そこで出会ったデザイナー仲間の方からお声がけいただき、Wix Studioを使ってWebサイトを作る会に参加させていただきました。

せっかくなので私はそこでデモサイトを作りまして、今回はそのサイトをお披露目させていただきます♪

Wix Studioとは？

まず初めに、「Wixって何？」「Wix Studioって何？」という方のために、ご説明から。

Wixというのは「ノーコード」といわれる、プログラミングのコーディングなしにWebサイトを作成できるツールのこと。

現在はWordPressでサイトを作ることが多いと思うのですが、コーディングの知識がない方にとっては思うように細部までデザインするのは難しく、サーバの管理やアップデート時の不具合はご自身で解決する必要があり、ITリテラシー中級以上のスキルが必要になります。

Wixであればサーバをいじる必要も無く、不具合を自己解決する必要もなく、ITやWebには自信がない、、、という方に安心です。

WordPressとWixの違いについては下記をご参照ください。

そんなWixから、最近リリースされたのがWix Studio。

「最近」と表現したのは、既にWix Partnerと呼ばれるデザイナー向けにはリリースされており、個人ユーザー向けには順次展開、という状況だからです。

Wix Studioが今までのWixと何が違うかと言いますと、「レスポンシブ」対応になりました！

今までのWixは、まずはPC用にデザインを行い、それを元にスマートフォン用のデザインを作成する「アダプティブデザイン」でしたが、

Wix Studioでは「レスポンシブデザイン」になっていますので、コーディングに慣れている身からすると自由度が広がって使いやすくなった感覚があります。

ただ、コーディングに不慣れな方からすると、デザインのし易さという点においては恐らくどちらも同じと感じるでしょうし、

現在Wix Studioで対応しているのが320px以上のため、320pxより小さなスマートフォンをお持ちの方がWix Studioで作られたサイトを見るとデザイン崩れが起きている、、、という状態になり、、、

彩葉

どちらがいいのかは一概には言えないところがあります

事例の設定は「町の雑貨屋」さん。

※とあるサイトを「お手本サイト」として、それと同じような実装をWix Studioで施しながらサイトを作る会で作成したため、お手本サイトと似ている箇所につきましてはご勘弁ください。

ただ、通常のビジネスサイトですとあまり動きをつけないで作ることが多いのですが、今回のデモサイトは「ショップサイト」のため、普段はつけないようなアニメーションを沢山つけており、とっても楽しかったです。

↑クリックするとデモサイトに飛びます

実装した機能

彩葉D＆Wでは、ビジネスに必要なデザイン＆ライティング（Web・紙媒体）をまるごと承っています。
『デザイン x 文章術』で魅力を「人に伝わる形」へ。

『デザイン x 文章術』
Translate Your Business

’刺さる’ ホームページ、LP、パンフレットで
みなさまのビジネスと未来のファンをつなぎます。