ITエンジニア/デザイナ向けにオープンソースを毎日紹介

SMINTはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

最近商品紹介などのWebサイトではシングルページで提供される所も多くあります。そんなWebページを作成する際に使ってみたいライブラリがSMINTです。


デモページです。スクロールしていきます。


メニューが上に貼付きました。


セクションが大きな長方形になっている辺りがシングルページらしいデザインと言えます。

SMINTを使うとスクロールして商品紹介を見せていくタイプのページに使えそうです。一番下はフッターになるでしょう。メニューをクリックした時のスライドとセクションの上部に吸い付くように止まるアニメーションも格好いいです。


MOONGIFTはこう見る

海外のWebサイトを中心にすっきりとしたデザインのサイトが増えています。情報をいかに削れるかはAppleの製品を見ても分かる通り非常に難しいのですが効果的です。見せる情報を減らせばそれだけ訴求ポイントも絞り込まれます。

クリックも不要でスクロールだけで見ていけるUIも重要です。ユーザアクションが増えれば増えるほどコンバージョンは落ちます。魅力的な商品やサービスをいかに見せるか、その観点からWebページの構成を考えてみるのは大事です。

via Smint jQuery Plugin for Single Page Websites | Web Resources | WebAppers

SMINT | The simple jQuery plugin for lovers of one page websites.

SMINT Demo

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2