ECサイトの最新UIを学ぶ！参考にしたいデザイン15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのなつです。 今回は日々進化を続けるECサイトデザインに注目してみました。 最近では、洋服・アクセサリー・食品・家具家電・アート作品まで……なんでもオンラインで購入できる時代になってきましたよね！ お店で実物に触れなくても、商品の魅力をしっかりと伝え、安心して購入してもらう。そのためにはどんな見せ方がベストか、多くの企業やブランドが試行錯誤し、より良いECサイトを追求し続けていると思います。 私自身、ECサイト制作を担当させていただく機会が多く、デザインインプットをするなかでとくに気になったECサイトや注目したいUIを4つのテーマごとにご紹介していきたいと思います！ サイトのココに注目！ 他サイトに差をつけるUI参考 ZOZOTOWN – 絞り込み検索のユーザビリティ ZOZOTOWN 圧倒的な取り扱いブランド数・商品カテゴリの豊富さを誇るZOZOTOWN。とくに注目
無料で簡単にオンライン予約システムを作成できる「SelectType」がコンビニ決済＆銀行振込に対応、クレカがない層にアピール可能＆手数料減で収益アップも
専門知識や予算がない人でも、ブランドイメージや業態に合わせて細かいところまでカスタマイズ可能なオンライン予約フォームをサクッと簡単に作成できるツール「SelectType」が、既存のクレジットカード決済に加えて「コンビニ決済」と「銀行振込」にも対応しました。クレジットカード以外の決済方法を導入することで、これまで訴求しにくかったクレジットカードを持たない顧客にもアピールできるほか、銀行振込を利用すればクレジットカード決済と比較して大幅に手数料を抑えられるとのことで、実際に新たな決済方法を導入してみました。 多彩な支払い方法に対応した決済機能 (クレジットカード/銀行振込/コンビニ決済)| 予約フォーム付き予約システム「SelectType」 https://select-type.com/lp/selecttypePayment/ ・目次 ◆1：コンビニ決済をSelectTypeに導入して
無料でネットショップを開設＆売るために大事な口コミをレビュー特典をつけてどんどん集めることが可能な「イージーマイショップ」レビュー
モノを売ろうとした時の選択肢としてはAmazonや楽天がありますが、これらのプラットフォームはデザインなどの融通が効かず、ショップの個性を消して価格競争を強いる傾向にあります。ただ単に価格の安さで勝負するのではなく、しっかりとショップの個性やイメージを押し出していきたい……という時の選択肢となるのが「イージーマイショップ」です。イージーマイショップは無料で簡単にショップ開設でき、専門知識ゼロでもデザインをカスタマイズ可能。また「口コミ投稿でクーポン付与」といった機能で、販売業者がお金を払ってでも投稿してもらいたい口コミを集め、製品を売るための推進力をどんどん得ることができるとのことなので、実際に使ってみました。 セット販売やオーダーメイド商品に強いネットショップ構築|イージーマイショップ https://easy-myshop.jp/ ◆1：無料版イージーマイショップで作成できるオンライン
ビジネスやオンラインショップに使えるおしゃれなイラスト素材！商用プロジェクトでも完全に無料 - Scale
Webサイトやスマホアプリなど、商用プロジェクトでも完全に無料で、ロイヤリティフリーで使用できるおしゃれなイラスト素材を紹介します。 イラストはベクターで、カラーやサイズを変更して使用できます。ファイルはベクターの.svgだけでなく、.pngでもダウンロードできます。またイラストの人物は、マスク有りと無しにも対応しています。 Scale -Royalty free vector illustrations Scaleのイラストの大きな特徴は、ベクターであるということです。イラストのフォーマットは.svgと.pngで、登録無しでダウンロードできます。 イラストは複数のカラーが使用されており、サイドバーからカラーを変更できます。用意されたカラーのセットの他に、好きなカラーを適用することもできます。 イラストのカラーは自由に変更可能 イラスト素材のライセンスは独自で、商業でも学術でもすべてのプロ
Webサービスやアプリで決済機能を導入するときに考慮したいポイントまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回は、自社やクライアントのWebサービスやアプリにおいて、決済機能を導入する際に気をつけたいポイントまとめです。 決済機能を設ける場合、実装前にさまざまなことを考慮しなければなりません。とくにサブスクリプションモデル（継続課金）系は考えることが多くあります。 実際に弊社の案件で決済機能を導入した際に、考慮しないといけなかったことをまとめました。チェックリストのように使っていただけたらと思います。 LIGでは、これまで多くのサービス開発・アプリ開発を行ってまいりました。 そんな中で蓄積したノウハウや方法論をベースに、お客さまの開発支援をおこなっています。 特に企画などの上流工程からお悩みや課題を抱えられている方は、ぜひ一度LIGのシステム開発サービスについてご一読ください。 開発サービスの詳細ページへ 請求タイミング 請求タイミングは登録日な
無料の予約システム「SELECTTYPE」が飲食店の救世主に！今こそ店長やオーナー必見！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
無料でWebサイトの作成から、予約システムまで使えるSELECTTYPE（セレクトタイプ）というサービスです。 SELECTTYPE（セレクトタイプ）とは？ 様々な業種のテンプレートが存在する 常にアップデートしているので、細かい設定も自由自在 9割の機能が無料で使える Webサイトが簡単につくれて、予約システムも自分で管理できて、それが無料なんて飲食業界の救世主……！？ それだけでも使ってみる価値大！ と思って触ってみると、なんとSELECTTYPEの魅力はそこだけじゃなかったんです。コロナで困っているお店が救われる機能が、たくさんありました。 僕のように悩める飲食店の経営者はもちろん、美容院やアパレル店などの接客業、レンタルスペースを運営する方々にも、必ず役に立つサービスだと感動しました。 同じように飲食店で悩んでいるみなさんに触ってもらいたいので、今回は実際に使ってみた様子を一部紹介
「クローバ PAGE」なら初心者でもラクラク。サイト制作・管理・集客が無料でできちゃいます！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディアディレクターのバンビです。 普段はクライアントさんとのやりとりなどを中心に、LIGブログの記事制作・進行をしています。おかげさまで日々忙しく、新たにチームメンバーを1人追加することが決まり採用活動を開始しました！ そこでまずは、採用にもつなげられて気軽に参加できる「お茶会」を開催しよう！ しかもオンラインで。と、同僚のころもさんと共に準備を開始……しようと思ったのですが、集客やイベントの予約管理をどうすればいいのかが全くわかりません。 おそらくLP（ランディングページ）のようなものを制作して、そこに予約フォームがあって……とイメージはできますが、なんせWebディレクターではないため、Webページをつくった経験がないので自分たちではどうすることもできません。 途方に暮れつつ調べていると、何やら「クローバ PAGE（クローバ ページ）」というサービスにたどり着きました。 見
無料＆簡単に予約システムが作れてクレカ決済機能やキャンセル料の設定、会員向けの月会費コース導入も自由自在な「SELECTTYPE」レビュー
新型コロナウイルスが人々の生活や経済に大きな影響を与えている中で、手軽に予約が可能なオンライン予約システムは顧客を確保するために重要です。「予約システムの構築は知識がないと難しい」というイメージがありますが、「SELECTTYPE」を使えば、詳しくなくてもオンライン予約システムを無料で簡単に作成可能。しかも、クレジットカードを使った決済機能の導入や予約キャンセル料の設定、月会費制の会員向けのプランも提供でき、多様なビジネスに対応しているだけでなく、特に飲食店にありがちな「予約の直前キャンセルで用意した席や料理が無駄になる」というリスクを避けることもできます。 というわけで、140種類以上のテンプレートから好きなものを選べるSELECTTYPEでサクッと予約フォームを作成、細かいところまで自分好みにカスタマイズして、デザインの変更やクレジットカード決済機能の導入、会員システムで可能な機能など
オンライン予約・配信・決済が簡単かつ無料！ 「SELECTTYPE」は予約システムを使いたい人の強い味方です！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
オンライン予約・配信・決済が簡単かつ無料！ 「SELECTTYPE」は予約システムを使いたい人の強い味方です！ こんにちは、LIGの人事れいこです。私事ですが、趣味のヨガを誰かに教えられるようになりたいと思って、最近資格を取りました。 LIGは副業OKなので、人事の本業をやりつつ、空いた時間でオンラインヨガ教室を開きたいと思っています。 いきなりヨガ教室をスタートするよりは、まずは知ってもらうためにWebサイトをつくり宣伝することが必要ですよね。さらにいただいた予約の管理も必要です。 ヨガ教室のみならず、飲食店や美容室、ネイルサロン、ホテル、英会話スクールなど業種・業態にかかわらず、いまや予約はネット上で行うのが当たり前の時代になりました。 少人数で運営する事務所では、電話のみで予約を受け付けていたら、接客中に電話が鳴ったのに取れず、予約を取り逃がす……なんて悲劇も。 「Web予約システム
国内ASP唯一のレンタルECサイトプラットフォーム 「aishipRENTAL」を試しみたらやりたいこと全部できた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
国内ASP唯一のレンタルECサイトプラットフォーム 「aishipRENTAL」を試しみたらやりたいこと全部できた。 こんにちは、Webディレクターのともぞうです。 いきなりですがWebサイトをゼロから制作するって大変ですよね。特にECサイト……。 さらに近年増えてきたのが、 カーシェアや民泊などシェアリングエコノミーの盛り上がりにより、年々大きくなるレンタル市場。特にファッション業界では、結婚式やパーティーに来ていくドレスだけでなく、普段着もレンタルして常に最新のものを！という人も増えてきたそう。さらにキャンプ用品や家具、ドローン、GoPro、カメラ、自転車など様々な業種でのレンタルが盛り上がっているとのこと。 同年代の20代女性に聞いてみたところ、結婚式に来ていくドレスをネットでレンタルして、毎回違う格好で参加することが当たり前になっているそうです。 このような時代の変化により、レンタ
本当は多くの人が欲しがっているのに人の目に届かず売れ残る事態を回避できる「イージーマイショップ」の便利機能を使ってみた
オンラインで商品を売っていると、商品数が増えれば増えるほど商品が埋もれてしまう事態が発生し、本当は多くの人が欲しがる商品でも人の目に届かず売れ残る………という事態に陥りがち。ネットショップ作成サービスの「イージーマイショップ」では売りたい商品を人目に触れやすくしてアピールし、求めている人の手に届けるための便利機能がそろっているということなので、在庫一掃に役立ちそうな機能の数々を実際に使ってみました。 ネットショップ開業はイージーマイショップ | セット販売やオーダーメイド商品に強いネットショップ構築 https://www.easy-myshop.jp/ 目次 ◆山ほどある在庫を探してもらいやすくする便利機能はこんな感じ ◆商品に「新着」や「オススメ」などPOPっぽいメッセージをつけてみた ◆「この本が欲しいなら、これも欲しいはず！」とオススメ商品を並べるレコメンド機能 ◆人気商品が何かを
無料で自分のブログやサイトに「カートに入れる」ボタンを追加しオンラインショップ化して好きなものを売れる「イージーマイショップ」実践レビュー、無料機能だけでもかなり使える
自分で本やイラスト、雑貨、アクセサリーを作ってブログやウェブサイトでそれを公開していても、いざ商品として売るとなると「管理がややこしそう」「ネットショップを作るのは大げさかな……？」と二の足を踏んでしまいます。ネットショップ作成サービスの「イージーマイショップ」は無料でさくっとネットショップを作ることができるだけでなく、手持ちのブログやウェブサイトに「カートに入れる」ボタンを追加するだけという使い方も可能とのことなので、実際にウェブサイトをネットショップ化させてみました。 ネットショップ開業はイージーマイショップ | セット販売やオーダーメイド商品に強いネットショップ構築 https://www.easy-myshop.jp/ 目次 ◆ブログに「カートに入れる」ボタンを追加するとこんな感じ ◆サクッとカートの埋め込みを設定してみた ◆注文を的確に処理できる「店長ナビ」 ◆どんどん機能追加し
ゲームのパワーアップ感覚でどんどんクーポン・会員割引・SNSやGoogleショッピング連携などのアドインを追加して「イージーマイショップ」の売る力を上げまくってみた
簡単にネットショップを開設可能で、面倒な在庫管理も自動でやってくれるネットショップ作成サービス「イージーマイショップ」は、「セット割り引き」「定期購入」「オーダーメイド注文」「会員限定割り引き」など、見に来た人がネットショップを何度も利用したくなるようなさまざまなオプションに対応しています。さらに、FacebookやInstagramといったSNSと連携できるほか、GoogleショッピングやYahoo!ショッピングと連携させることも可能とのことで、ネットショップを作った後、「売上げをどんどん増やしていくにはどうすればいいのか？」という疑問を解決するさまざまな機能を使ってみました。 ネットショップ開業はイージーマイショップ | セット販売やオーダーメイド商品に強いネットショップ構築 https://www.easy-myshop.jp/ イージーマイショップのネットショップはどうやって開設す
自分好みにネットで物を売る方法と手順を最適化できる「イージーマイショップ」で実際に物を売るとこんな感じ
ネットで物を売るとき、アイテムが1～2個であればメモとペンで管理できますが、アイテム数が増加すると発送手続き・在庫管理・問い合わせ対応などがしっちゃかめっちゃかになってしまうことは容易に想像できます。簡単にネットショップを開設でき、かつ自分好みの「売り方」で収益をあげることが可能なイージーマイショップでは、自動で在庫管理してくれ、発送手続きはすっきりと手順化され、問い合わせ対応もスムーズに行える仕組みとなっているとのこと。多機能が売りのイージーマイショップの使いやすさはいかほどなのか、実際に確かめてみました。 ネットショップ開業はイージーマイショップ | セット販売やオーダーメイド商品に強いネットショップ構築 https://www.easy-myshop.jp/ 目次 ◆実際に商品の注文を受け付けてから発送までの流れはこんな感じ ◆配送方法の指定もらくちん＆種類豊富 ◆品切れになっても「
CSSだけで画像のビフォーアフターを見れるやつ
Result 画像のビフォーアフターみたいなやつをCSSで、という内容です。 ※画像が全く同じ場合は読み込まれてないので右下のrerunを押してリロードしてください ちょっと力技感あるので実用的かどうか判断できませんが、コード自体はシンプルです css.foo {/*親要素且つビフォー画像*/ background-image: url(https://picsum.photos/800/600); width: 600px; height: 450px; border: 20px solid #F0E5AB; padding: 0; margin: 1rem auto; position: relative; overflow: hidden; } .bar {/*アフターの画像。親要素に重ねる形で配置*/ background-image: url(https://picsum.pho
小粋空間_カテゴリーリストにカスタムフィールドの画像を表示する
Movable Type検索結果画面のMTIncludeタグでファイルを読み込む方法を紹介します。 １．はじめに MTで再構築するファイルの拡張子を".php"にして、そのページの中で頻繁に更新される部分を、 <?php include('foo.html'); ?> で読み込むことで、ページ全体の再構築不要で情報を更新することができます。 ただ、検索結果ページはPerlのCGIで動作するため、PHPの方法を利用することができません。 ということで、検索結果画面のMTIncludeタグでファイルを読み込む方法を紹介します。 ２．検索結果画面のMTIncludeタグでファイルを読み込む １項のfoo.phpのパスを、仮に「/var/www/html/foo.html」とします。 このファイルを検索結果画面のMTIncludeタグで読み込むには、下記の手順が必要です。 まず、mt-config
ショッピングサイトで見かけるダークパターンのまとめ | コリス
たくさんのショッピングサイト、オンラインショップがあります。良心的なサイトもたくさんありますが、意図しない購入や申込に誘導・欺くサイトもあります。利用者として、そして制作者として、気をつけたいダークパターンを紹介します。 料金に手数料が加えられていたり、メール配信が知らない間に申し込まれていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックできないみたいに表示されてたり、さまざまなダークパターンが存在します。 Dark Patterns at Scale by プリンストン大学とシカゴ大学の研究者によるレポート 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Sneaking -スニーキング Urgency -アージェンシー Misdirection -ミスディレクション Social proof -ソーシ
Vue.jsベースのECサイト向けUIコンポーネントライブラリ・「Storefront UI」
Storefront UIはECサイトの為に開発されたVue.jsベースのUIコンポーネントライブラリです。デザイナーや開発者向けに設計されており、カスタマイズのしやすさも考慮されているそうで、デスクトップやモバイル、PWAに対応できるようになっているそうです。 アトミックデザインが適応されており、必要な時に必要な要素を組み合わせて設計する流れを想定しています。 ECサイト向けのUIコンポーネントが沢山 ECサイト用に構築されたのだから当たり前かもしれませんけど、ECサイトでよく使われるUIコンポーネントが沢山用意されており、これだけでも珍しい気がします。 例えばS、M、Lなどのサイズの選択や色の選択、購入数を増やすためのカウンター、レーティング、アラートやプライス表示に割引表示の工夫なども見られ、細かく配慮されている印象です。 Vue.jsを使ったECサイトの構築を考えられている方は一見
20+ Best Flat Design, Modern WordPress Themes for 2024 | Envato Tuts+
Flat design burst onto the web design scene some years ago, arguably fuelled by the tech giants of the time. Major influencers included Microsoft’s Metro style, Apple’s release of iOS7, and Google’s Material design, all characterized by vibrant colors and a minimalistic approach to user interfaces. Since then plenty of WordPress themes have made use of flat design, and whilst nowadays it might see
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
tragopan - 別ライブラリへの依存性のないズーム/パン用JavaScriptライブラリ MOONGIFT