……商店ify Plus Partnerの株式会社GO RIDEです。
本日はShopifyで構築されたお洒落なECサイトを,デザイナー目線から30サイト厳選してご紹介します。
Shopify!
|
執筆者 去骑吧 CCO(首席创意官):大西友江 中文:中文:ui / ux。c .。 |
|---|
Shopifyでお洒落なECサイトを作りたい,リニューアルをしたいなどございましたら去骑までお気軽にご連絡ください。
高德
電話： 050-3188-6793
1.【中文译文
(中文:蹦蹦跳跳)
“。”シンプルな構成のミニマルデザインに,あたたかみのある優しい色使い,フォントの強弱をつけ読みやすいレイアウトに。。
2.Kit /
。バナーのデザインを商品に寄せることによって,商品が浮かないように,統一されたデザインになっています◎
3.巴黎Lafaurie /
。柔らかなカラーパレットをモノトーンのタイポで引き締めるコントラストが,ファッション誌のような洗練された雰囲気を生み出しています。ホバーの動きやページ遷移のアニメーションなど,細部までこだわり抜かれたUI設計も参考にしたいですね。
4.Ijji /
敬遠されがちな原色のカラーパレットを,あえて主役に持ってくることで逆に商品を引き立たせる超上級デザイン。ロゴのポップで愛らしい存在感が”攻めすぎない”バランスを保ち,親しみやすさを生み出しています。
5.【翻译
!寄りの写真を様々なアングルからふんだんに見せることで細かなディテールを伝え,まるでショップに訪れて直接触れているかのようなリアルな感覚を与えています。
6.Venroy /
。カラーパレットやフォントのチョイスは定番ながら,動画と写真を効果的に用いることで,上品でファッショナブルなデザインに仕上げています。
7.ULLAC Oy /
。。!
生活方式
8.我们的地方
家族の食卓,はみ出したサラダ,大胆に盛り付けられた目玉焼き,食べかけのパスタ・・まるで映画のワンシーンを切り取ったような“日”常を散りばめることで,ノスタルジックかつスタイリッシュなデザインに仕上げています。。
9.神奈谷店
。。
10.课间休息/
顶级からスクロールしていくと,商品が飛び出てきたり,背景の色が変わるなど,遊び心溢れるサイトです。!。
11.MN制服/
!。白とネイビーという定番の配色も,写真と動画の色彩をうまく活かすことで,ノーブルな仕上がりになっています。
12.画/
メインビジュアルをスクロールすると,5枚の写真が切り替わる仕組みで,とてもインパクトがあるサイトです。
!
13.KOREDAKE /完全栄養プロテイン
。背景色に使用されている色は,薄ピンクを基調とし,プロダクト写真が,一番目立つような色使い。メインビジュアルから,商店ページに飛ぶことができる動線で,ユーザーにわかりやすいようなサイト設計です。
14.我发誓
深めのグリーンと,あちらこちらに効果的に効かせたオレンジが,クリアな美しいガラスの存在感にベストマッチ。イメージ写真の背景にオーロラフィルムやサテンのカーテンを用いるなど,主役をより魅力的に見せる工夫が随所に散りばめられています。
15.《花》作者:伊迪·帕克
!ピンクやグリーンといったキッチュなカラーをメインに配し,グリッドレイアウトをうまく利用しておもちゃ箱のようなワクワク感を演出しています。
16.Master&dynamic /
。商品ページのプロダクト説明も,丁寧なコンテンツが読みやすいレイアウトで設計されていて,高級感がありますね。
https://www.masterdynamic.com/
17.假装商店/
。。セレクトショップならではの様々なプロダクトも,撮影フェーズからトンマナを徹底することで上手に統一感を持たせています。!
https://pretendstore.co/collections/home
18.Myro /
蛍光色に近いポップなグリーンを黒のフォントで引き締めつつ,パッケージの色合いもうまく活かしています。。。
美
19.less /
。寒色系の淡いカラーパレットが暖色の“肌”を引き立てていて,シンプルながら完璧に計算されたデザインが,ブランド哲学を見事に表現しています。
20.条约/
。都会的なシチュエーションと,“素材”に寄ったカットを交互に見せることで,リアルな中に素朴なあたたかさが感じられる仕上がりになっています。!オーガニックなイラストをふんだんに使いながらも野暮ったくならないバランス感で,凛としたオトナなデザインに仕上がっています。
21.修道院
。。ところどころ大胆な色ベタを用いながらも,控えめなサイジングのフォント設計で絶妙なバランスを生み出しています。
https://www.monasterymade.com/
22.全会/
ふわりとした浮遊感のあるアニメーションと,抜けるような青空を背景にした写真がとてもマッチしています。。!
食物
23.房子，房子
。。!这是一个很好的例子。
24.平常/
。。!
25.Raaka /
。。
https://www.raakachocolate.com/
26.49街咖啡店/
。男性的なかっちりとしたデザインですが,程よいゆるさの手書き風フォントとイラストアイコンが良いバランスですね。
27.棒棒哒/棒棒哒
!童心に帰るアイコニックなイラストをふんだんに散りばめつつ,ループアニメーションをうまく使ってオーガニックな風合いを生み出していますね。
28.伦敦出版社/
。。ブログコンテンツも充実していて,SEOによく配慮された設計です。
其他人
29.时间表/
ランダムに動くスクロールや画面中央に浮かぶ“仕掛け”,ホバーのアニメーションなど,全てに”カルチャー”を感じる驚きのデザイン!。······
30.克莱尔
。。商品ページの写真もイメージが湧きやすくて◎
?
中文:中文:中文:30中文:30中文:30中文:30中文:30 !
。
Shopify、Shopify、Shopify、Shopify、Shopify、Shopify、Shopify、Shopify
- - - - - - - - - - -。
高德
電話： 050-3188-6793
(摹拟)(摹拟)
Shopify Plus的合作伙伴。
Shopifyを用いたECサイト制作,コーポレートサイト制作から,広告運用,线やメールといったCRM連携等のデジタルマーケティング施策まで一気通貫でサービスを提供。バイリンガルスタッフが多く在籍しており,日系企業の北米進出支援や海外企業の日本進出支援も得意としています。
我的意思是乘车新闻。