先日、Crayon（クレヨン）という、WEBサイトデザインの検索エンジンを見つけました。
これが、新しいサイトデザインを構想中の時に、いろいろと参考になりそうなものを、効率よく探せそうだったので紹介です。
目次
Crayonとは
Marketing Design Search Engine | Crayon
Crayonとは、WEB上で最も広く検索できるマーケティングデザインサーチエンジンです。（少なくともサイトにはそう書いてある。）
Crayonは、マーケターが新しいサイトを構築する時に、新しいインスピレーションを得るための、アイディア検索ツールといってもいいかもしれません。現在、1300万以上のページが登録されています。
検索エンジンなのでキーワードを入力して、検索する機能はもちろんあります。（※日本語での検索はできない模様）
ページタイプ、業種、CMS（コンテンツマネジメントシステム）、トラフィック量、デバイスによって、簡単に絞り込めるようになっており、欲しいアイディアを手軽に手に入れられるようになっています。
この記事を書く前に、Crayonをググってみたのですが、日本語での紹介ページは無いようだったので、以下で詳しく使い方などを紹介してみたいと思います。
簡単な使い方
以下では、Crayonの簡単な使い方を紹介します。
検索機能
まずは通常の検索機能です。
例えば、カフェのページを参考にしたいときに、サーチボックスに「cafe」と入力し、プルダウンメニューから検索を選択します。
すると、1300万以上の登録ページの中から、結果が表示されます。
検索結果の画像をクリックすると、個別ページに飛ぶことができ、そのデザインが画面いっぱいに表示され、細かい部分まで見ることができます。
もちろん、そのデザインのサイトへもリンクから飛ぶことができます。
デザインが気に入ったら、お気に入りにストックしておくこともできます。（※要ユーザー登録）
メインメニュー
メインメニューから、ページを大まかに絞り込むこともできます。
デフォルトだと、メインメニューからは、以下の項目の検索結果にアクセスできます。
- iPhone6
- ホームページ（Home Pages）
- ランディングページ（Landing Pages）
- 料金ページ（Pricing Pages）
- チームページ（Team Pages）
- 仕事概要ページ（Jobs Pages）
- WordPressで作成されたページ（WordPress）
- Squarespaceで作成されたページ（Squarespace）
- その他（More）
ちなみに、iPhone（スマホ）向けページの検索結果は以下のようになります。
もちろんiPhone向けの検索結果でも、大きな画面でデザインを確認することができます。スクロールして全体のデザインも見ることができます。
料金ページ（Pricing Pages）などの、絞り込み結果は以下のようになります。
絞り込み機能
メインメニューからでもある程度絞り込むことはできるのですが、左サイドにある絞り込み機能を利用すると、細かく絞り込むこともできます。
この機能で、目当ての項目を選択していくだけで、欲しい情報を絞り込むことができ、手軽に探すことができます。
ページタイプ（Page Type）
ページタイプは、下記のリストの中から、探しているページのタイプを絞り込むことができます。
- Home Page
- Landing Page
- Pricing Page
- Team Page
- Jobs Page
- Trial Page
- Press Page
- About Page
- Services Page
- Testimonials Page
- Blog
- Twitter Page
- iOS App Page
- Developers Page
- Support Page
- Case Studies Page
- Products Page
- Contact Page
- Login Page
- Signup Page
- Facebook Page
- YouTube Page
- Android App Page
- Pinterest Page
- Hours Page
- Maps & Directions Page
- LinkedIn Page
- Instagram Page
- Google Plus Page
- Flickr Page
- FAQ Page
- Menu Page
- Locations Page
- Tumblr Page
- Terms Page
- Privacy Page
- Site Map Page
トライアル、ログイン、製品、Twitter、Facebook、YouTube、プライバシー、サイトマップに至るまで、30以上のページタイプから絞り込むことができます。
業種（Industry）
業種は、40種類の中から選ぶことができます。
- B2B Services
- Software
- Consumer Goods
- Marketing
- Venture Capital & Private Equity
- Automotive
- Aviation & Aerospace
- B2B Goods
- Biotech
- Construction
- Consumer Services
- Design
- Digital Games
- eCommerce
- Education
- Energy
- Entertainment & Lifestyle
- Environment
- Fashion
- Finance
- Food & Beverage
- Gambling & Casinos
- Government & Military
- Hardware
- Healthcare & Medical
- Hospitality
- Internet
- Legal
- Manufacturing
- Media
- Non-Profit
- Real Estate
- Religious
- Restaurants
- Retail
- Retail (High-End)
- Sports
- Technology
- Travel
- Other
業種も、ソフトウェア、教育、車、デザイン、エネルギー、ファッション、ファイナンス、食、スポーツ、テクノロジー、他多数などから絞り込むことができます。
コンテンツマネジメントシステム（CMS）
CMSごとの絞り込みも行えます。
- WordPress
- Squarespace
- Drupal
- Weebly
- HubSpot
- ExpressionEngine
- Telerik Sitefinity
- Joomla
- TYPO3
- Wix
- Webflow
- Tumblr
- Moonfruit
- Yola
- Blogger
トラフィックレベル（Traffic Level）
トラフィックレベルは、Alexaのランキングから以下のように決められているようです。
- Wicked High（10000位以内）
- High（10001位～200000位以内）
- Medium（200001位～750000位以内）
- Low（750001位以上）
これらの中から、大まかなアクセス数ごとに絞り込みを行うことができます。
デバイス（Device）
あとは、デバイスでの絞り込みです。
今のところは、iPhone6とDesktopしか選択項目はありません。
- iPhone 6
- Desktop
絞り込みテスト
例えば、WordPressで作成されたソフトウエア会社のiPhone6のホームページを絞り込むと、以下のように表示されます。
まとめ
Crayonでは、こんな感じで、アイディアを得たいページのデザインなどに素早くアクセスすることができます。
僕なんかは、初歩のWordpressテーマデザインの参考のみでしか、今のところ利用する能力を持ち合わせていません。それでも、いろいろな部分が参考になります。
ですので、本職のデザイナーさんの場合、様々なサイトを作成しておられるため、よりインスパイアされるアイディアが、詰まっているのではないかと思います。
