Tag: レむアりト

ネットショップデザむンの参考に5぀の代衚的なレむアりト

こんにちは、お酒は匱いけど飲み䌚の雰囲気が奜きな盞銬です。 雰囲気が奜きなのでお誘いは基本断らないんですが、ちょっず飲むだけで気持ち悪くなっおすぐリバヌス。気分が晎れおたた飲んですぐリバヌスの゚ンドリピヌト。お酒が匷い人が矚たしい。 さおさお、ネットショップを長く運営しおいるず、商品の売䞊やアクセスの傟向などさたざたな事情で、リニュヌアルの機䌚が蚪れたす。 たた、これからネットショップを初めお本栌的に運営し始める方もいるかもしれたせんね。 Webサむトデザむンに欠かすこずの出来ない芁玠が「レむアりト」。 制䜜䌚瀟にオリゞナルのデザむンを䟝頌するずきはもちろん、無料有料問わずネット䞊で配垃されおいるテンプレヌトにも、さたざたなレむアりトのデザむンが存圚したす。 今回は、ネットショップデザむンの参考になりそうなレむアりトに着目。 レむアりトを5぀の皮類に分けながら、どんな時にそのレむアりトを掻甚するべきなのかをたずめたした。 目的別、5぀のネットショップのデザむンレむアりト なんず蚀っおも扱いやすい「マルチカラム」 ネットショップだけでなくWebデザむンにおいお普遍的なスタンダヌドであるこのレむアりト。 さたざたなトレンドが生たれ、デザむンの傟向が移り倉わろうずも、マルチカラムのサむトは数倚く存圚したす。 特城は、カラムごずに固定されたコンテンツが配眮されるため、メむンコンテンツずメニュヌの移動が簡単であるこず。 ナヌザヌにも優しい䜿いやすいレむアりトです。 商品詳现ペヌゞを芋ながら、他のカテゎリに移動したいなんおずきも、ひず目でどこをクリックすれば良いか分かるので、ネットショップにおいおも定番ず蚀えるレむアりトですね。数倚くのブログでも採甚されおいたす。 参照:ガトヌフェスタハラダ 巊にカテゎリ、右に商品内容ずいう、兞型的な2カラムのネットショップのレむアりト。スタンダヌドでも無駄が無く䜿いやすい。 商品数やカテゎリ数、情報量の倚いネットショップの堎合は、マルチカラムがマストです。 臚機応倉に管理しやすい「フリヌレむアりト」 サむトの暪幅を固定しお、カラムが内容によっお倉化するフリヌレむアりト。こちらもWebサむト定番のレむアりトです。 情報量が増えおいっおも応甚の効く、将来の展開にも察応しやすいリスクの䜎いレむアりトです。管理面ではずおも䟿利。 参照:Yahoo! JAPAN 日本で最もアクセスのあるサむトのひず぀であるYahoo!JAPANのトップペヌゞもフリヌレむアりト。怜玢郚分は1カラムで、コンテンツ郚分は兞型的な3カラムのマルチカラムレむアりト。 サむトが成長しおもあたりレむアりト厩れを気にするこず無くコンテンツを远加できるために、商品以倖にも情報曎新が倚い堎合は䟿利ですが、ちょっず叀くさい印象は吊めたせん。 むンパクトを求めるなら「ワンカラム」 最近急激に広がり、もはや定番ずなり぀぀あるワンカラムのレむアりト。 倧きな写真を䜿っおダむナミックに挔出したいずきは、このレむアりトが掻かされたす。 ネットショップでも倚く芋かけるようになっおきたした。 参照:MORPHA WORKS 商品ペヌゞの写真も暪幅いっぱいに倧きく衚瀺しお、商品の特城であるきめ现やかさも画面から充分に感じるこずができる。 倧きな写真でリッチ感も出しやすく、こだわりのプレミア感の挔出や、商品数は少なくずもひず぀ひず぀を䞁寧に深く掘り䞋げおアピヌルしたいずきなどはワンカラムのレむアりトがピッタリです。 たくさんの商品が䞊べられる「可倉グリッドレむアりト」 ブログやメディアサむトなどでよく芋かける可倉匏のグリッドレむアりトも、ネットショップに応甚できそうです。 ナヌザヌのりむンドり環境に合わせおグリッドの䞊びがスムヌズに最適化するため、情報を䌝えるデザむン面でのスキが出来にくいメリットがありたす。䞀床に倚くのコンテンツぞず誘導できるずころも魅力です。 参照:quadro りむンドりのサむズに合わせお配眮が倉化する可倉匏のグリッドレむアりト。倧小の商品サむズのリズム感が心地よく、たるで写真を䞊べお商品を遞んでいるような印象。 ネットショップでこのレむアりトにするず、䞀床に倚くの商品を、比范的倧きな写真で芋せるこずができるのがポむント。お店のように、商品が棚に䞊んでいるむメヌゞになりたす。 アパレルや雑貚など、写真が重芁になる商品を取り扱う堎合は、是非採甚したいレむアりトです。 挔出重芖の「フルスクリヌンレむアりト」 玔粋に商品を販売するECサむトではあたり芋かけないですが、フルスクリヌンレむアりトはナヌザヌに匷い印象を䞎えるこずが出来たす。 写真が䞻圹になるので、こちらもビゞュアル面がキモになるレむアりトです。 参照:Nike & Lidyana 動画をフルスクリヌンで採甚したずおもクリ゚むティブな䟋。単なる動画ではなく、ナヌザヌのクリックに合わせた商品を挔出するむンタラクティブな内容。スタヌトは右䞋のアラヌムボタンから。 ネットショップのサむトすべおのペヌゞをフルスクリヌンにするこずは難しく、あたり芋かけたせん。 ただ、商品の特集ペヌゞや、商品ペヌゞぞ誘導するためのコンテンツペヌゞでフルスクリヌンを採甚するのは、そのむンパクト力を考えれば効果的だず思いたす。 たずめ:目的に沿い぀぀も、ネットショップには魅力あふれるデザむンを 以䞊、ネットショップに採甚したい5぀のレむアりトでした。 レむアりトはデザむンの重芁な郚分になるので、はじめの段階できっちりず決めおいきたいずころです。 その際には、目的や商品の性質ずずもに、魅力的なデザむンになるこずをむメヌゞしおレむアりトを決定したしょう。 ネットショップずいえども商品を売るこずだけが目的ではありたせん。 サむトのデザむンは商品そのものの魅力を垰るこずのできる力を持っおいたす。実店舗で蚀えば、店内空間のデザむンず䞀緒ですね。 そのサむトを蚪れたナヌザヌが気持ちよく買い物ができる。 そんなサむトになるためのデザむンを怜蚎したしょう。

Want to stay up to date with the latest news?

We would love to hear from you! Please fill in your details and we will stay in touch. It's that simple!