こんには。Shopify Plus合作伙伴の株式会社GO RIDEです。
本日はShopifyで構築されたお洒落なECサイトを,デザイナー目線から30サイト厳選してご紹介します。
ShopifyでECサeconトを制作しようとしている方も，そうでない方も，ぜひECサeconトのデザのデザンの参考にご覧ください!
|
執筆者 株式会社去骑马 取締役CCO(首席创意官):大西巴(大西友濑) 国内外多数のecサeconトデザeconン，ui / ux設計を担当。ec運用マネジャの経験から，マ，エンドユンを得意とする。 |
|---|
Shopifyでお洒落なECサイトを作りたい,リニューアルをしたいなどございましたら去骑までお気軽にご連絡ください。
gorideへのお問い合せはこら
電話： 050-3188-6793
1.Forne /知育雑貨ブランド
(株式会社go ride事例紹介)
“くるあそぶしるをくらしのなかに”をコンセプトにしたプロダクトブランド。シンプルな構成のミニマルデザインに,あたたかみのある優しい色使い,フォントの強弱をつけ読みやすいレイアウトに。ペジ背景と商品写真背景を同色にすることでこだわりの詰まった全ての商品を引き立たせています。
2.工具包/ヨガ·アクティブウェア
写真を大きく使い，商品はシンプルな配置で，ユザが迷わないようなuiデザンになっています。バナーのデザインを商品に寄せることによって,商品が浮かないように,統一されたデザインになっています◎
3.巴黎Lafaurie /メンズブティック
パララックスの動きが気持いい。柔らかなカラーパレットをモノトーンのタイポで引き締めるコントラストが,ファッション誌のような洗練された雰囲気を生み出しています。ホバーの動きやページ遷移のアニメーションなど,細部までこだわり抜かれたUI設計も参考にしたいですね。
4.Ijji /ユニセックスアパレル
敬遠されがちな原色のカラーパレットを,あえて主役に持ってくることで逆に商品を引き立たせる超上級デザイン。ロゴのポップで愛らしい存在感が“攻めすぎない”バランスを保，親しみやすさを生み出しています。
5.Hardgraft /ファッション小物
トップペジはシンプルな構成ですが，商品ペジに進むとびっくり!寄りの写真を様々なアングルからふんだんに見せることで細かなディテールを伝え,まるでショップに訪れて直接触れているかのようなリアルな感覚を与えています。
6.Venroy /ユニセックスアパレル
リラックスした大人カジュアルなデザ邮箱ン。カラーパレットやフォントのチョイスは定番ながら,動画と写真を効果的に用いることで,上品でファッショナブルなデザインに仕上げています。
7.ULLAC Oy /ユニセックスアパレルストリトカジュアル
ポップな配色と遊び心溢れるフォントづかいで，ブランドの世界観をうまく表現しています。ルックブックは見やすいですね。全体的にグリッドレereplicationアウトでまとめることで，統一感のあるサereplicationトに!
生活方式
8.我们的地方/キッチン小物
家族の食卓,はみ出したサラダ,大胆に盛り付けられた目玉焼き,食べかけのパスタ・・まるで映画のワンシーンを切り取ったような“日”常を散りばめることで,ノスタルジックかつスタイリッシュなデザインに仕上げています。柔らかいカラパレットが心地よいですね。
9.神奈古商店/暮らしの飾り金具
スクロルすると，どんどん写真が切り替わる仕組み。ヘッダの柄が他ではあまり見ない，個性的な柄で，ワンポ。
10.休会/炭酸飲料/アメリカ
顶级からスクロールしていくと,商品が飛び出てきたり,背景の色が変わるなど,遊び心溢れるサイトです。商品にカソルを当てると，商品名に合った!様々な仕掛けがあり、見応えのあるサ以及トです。
11.MN制服/エプロン
メニュの見せ方がオシャレ!全体的に余白とコンテンのバランスが絶妙で，アニメションの使い方がとても上品ですね。白とネイビーという定番の配色も,写真と動画の色彩をうまく活かすことで,ノーブルな仕上がりになっています。
12.Idraw /ノト/アメリカ
メインビジュアルをスクロールすると,5枚の写真が切り替わる仕組みで,とてもインパクトがあるサイトです。
商品を購入する前に，メ!
13.是大客/完全栄養プロテン
ブランドカラを所々に使用し，全体的にまとまりを感じるサトです。背景色に使用されている色は，薄ピンクを基調とし，プロダクト写真が，一番目立。メインビジュアルから,商店ページに飛ぶことができる動線で,ユーザーにわかりやすいようなサイト設計です。
14.Tossware /ガラス製品
深めのグリーンと,あちらこちらに効果的に効かせたオレンジが,クリアな美しいガラスの存在感にベストマッチ。イメージ写真の背景にオーロラフィルムやサテンのカーテンを用いるなど,主役をより魅力的に見せる工夫が随所に散りばめられています。
15.伊迪·帕克《花》/アト·小物
配色，フォント設計，写真コンテンからロゴまで，全てがユニク!ピンクやグリーンといったキッチュなカラーをメインに配し,グリッドレイアウトをうまく利用しておもちゃ箱のようなワクワク感を演出しています。
16.Master&dynamic /ヘッドフォン&スピカ
デジタルなフォントデザopenstackンが見事にマッチしたこらのサopenstackトは，ヘッドフォン&スピopenstackカの専門店。商品ページのプロダクト説明も,丁寧なコンテンツが読みやすいレイアウトで設計されていて,高級感がありますね。
https://www.masterdynamic.com/
17.假装商店/ラ邮箱フスタ邮箱ル小物
明るい色使いがクリンな印象。ンパクトの強い赤を程よく散らすことで爽やかに見せていますね。セレクトショップならではの様々なプロダクトも,撮影フェーズからトンマナを徹底することで上手に統一感を持たせています。ホバで商品写真を切り替えるアデアもオシャレ!
https://pretendstore.co/collections/home
18.Myro /デオドラント
蛍光色に近いポップなグリーンを黒のフォントで引き締めつつ,パッケージの色合いもうまく活かしています。ア邮箱コン邮箱ラストが可愛らしいですね。遊び心のあるキャッチコピにあえてセリフ書体を用いるなど，小粋なデザンセンスが光ります。
美
19.Lesse /スキンケア
静かで抜け感のあるデザンと，限りなく日常的でリアルな写真コンテンがとても美しいです。寒色系の淡いカラーパレットが暖色の“肌”を引き立てていて,シンプルながら完璧に計算されたデザインが,ブランド哲学を見事に表現しています。
20.条约/ンナケア
メ邮箱ンビジュアルの動画が素晴らしいです。都会的なシチュエーションと,“素材”に寄ったカットを交互に見せることで,リアルな中に素朴なあたたかさが感じられる仕上がりになっています。商品ペジの見せ方もオシャレ!オーガニックなイラストをふんだんに使いながらも野暮ったくならないバランス感で,凛としたオトナなデザインに仕上がっています。
21.修道院/コスメ
コントラストが美しい、洗練されたデザ以及ン。ブラエフェクトの使い方がかなりハ。ところどころ大胆な色ベタを用いながらも,控えめなサイジングのフォント設計で絶妙なバランスを生み出しています。
https://www.monasterymade.com/
22.Plenaire /スキンケア
ふわりとした浮遊感のあるアニメーションと,抜けるような青空を背景にした写真がとてもマッチしています。操作感が気持良いですね。パララックス効果の特性を生かしたデザンと，緻密なコンテン設計が美しい!
食物
23.Haus /お酒
タ邮箱ポづかいが邮箱ンパクト抜群。ロゴも含めたトタルアトワクがしっかりしていて，かなりハ。お酒のアレンジレシピなどコンテンも充実していて，読んでいて全く飽きない!考え尽くされた導線設計にも感服です。
24.normal /ワ帐号ン
潔いモノト。フォントの強弱をけることで，読みやすいレアウトに仕上がっています。商品のペジの写真もンパクト大!
25.Raaka /チョコレト
暖色系の写真で統一することで，チョコレンに。ボリュミな読み物コンテンがたくさん詰め込まれていて，誠実さと情熱が伝わるサトです。
https://www.raakachocolate.com/
26.49平行咖啡/コヒ
優しい色味のミントグリンを効果的に使うことで，親しみやすくフレンドリトになっています。男性的なかっちりとしたデザインですが,程よいゆるさの手書き風フォントとイラストアイコンが良いバランスですね。
27.Pipcorn /ポップコン
飛び出す絵本のような，可愛らしいデザ@ @ン!童心に帰るアイコニックなイラストをふんだんに散りばめつつ,ループアニメーションをうまく使ってオーガニックな風合いを生み出していますね。
28.按伦敦/コルドプレスジュス
クリンでフレッシュなカラパレットが可愛いサト。大きめのフォントサereplicationジングで，年代問わず読みやすいデザereplicationンに。ブログコンテンツも充実していて、SEOによく配慮された設計です。
其他人
29.时间表/レコドショップ
ランダムに動くスクロールや画面中央に浮かぶ“仕掛け”,ホバーのアニメーションなど,全てに”カルチャー”を感じる驚きのデザイン!サ邮箱ケデリックな背景もオシャレですね。どんな作りになっているのか想像もできません···
30.Clare /ペンキ
カラフルでソフトな配色に邮箱エロ邮箱が効いています。とろりとしたテクスチャをそのまま見せる，コスメのような色見本がオシャレですね。商品ペジの写真も
いかがでしたか?
見ているだけで楽しい気持になる素敵なecサ30選でした!
ぜひデザ邮箱ンの参考にしてみてくださいね。
ShopifyでおしゃれなECサeconトにリニュアルをしたいなどございましたら
こらまでご連絡ください。
gorideへのお問い合せはこら
電話： 050-3188-6793
(株式会社go rideにいて)
横浜と米国ロサンゼルスを拠点にしているShopify Plus合作伙伴です。
Shopifyを用いたECサイト制作,コーポレートサイト制作から,広告運用,线やメールといったCRM連携等のデジタルマーケティング施策まで一気通貫でサービスを提供。バイリンガルスタッフが多く在籍しており,日系企業の北米進出支援や海外企業の日本進出支援も得意としています。
自社メディア去骑新闻では制作からデジタルマケティングに関する情報を発信しております。