EmDash Themes

EmDash で作ったサイトテンプレートを並べて見比べるための場所。

Themes

そのまま使える EmDash のサイト一式。CMS のコンテンツを読んで動き、中身を入れ替えて使う。業種ごとに畳んである。

  • 診療時間と症状別の案内が主役の、初めての患者さんが迷わないサイト。
    • 内科・小児科
    • 診療時間表
    • 症状別ページ
    • 医療広告ガイドライン対応
  • 費用と通院回数を先に見せて、問い合わせ前の不安を減らすサイト。
    • 歯科・矯正歯科
    • 自由診療の料金表
    • 設備紹介
    • はじめての方へ
  • 症状から入る導線と、保険が使えるかどうかの説明を備えたサイト。
    • 整骨院・接骨院・鍼灸
    • 症状別の案内
    • 保険適用の説明
    • 交通事故(自賠責)対応

  • 営業日と焼き上がりの時間が主役の、今日やっているかがすぐ分かるサイト。
    • ベーカリー・洋菓子店
    • 営業日カレンダー
    • 焼き上がり時間つきの商品一覧
    • 店舗案内
  • 暗い下地にお品書きを並べる、夜の店の顔になるサイト。
    • 和食・ダイニングバー
    • お品書き(価格つき)
    • コース・飲み放題
    • 宴会・貸切の受付
  • 豆を産地から説明して、通販や定期便まで見せられるサイト。
    • ロースター・カフェ
    • 豆のカルテ(産地・焙煎度)
    • 淹れ方の案内
    • 定期便プラン

  • 写真を大きく見せる、雰囲気で選んでもらう店のためのサイト。
    • ヘアサロン
    • スタイル写真
    • スタッフ紹介
    • 外部予約サイトへ送客
  • 文字を最小限にして作品で見せる、写真が主役のサイト。
    • フォトスタジオ
    • 作品ギャラリー
    • 撮影プラン・オプション
    • 撮影の流れ

  • 月ごとの公演スケジュールを最上位に置いた、日付が主役のサイト。
    • ライブハウス・イベント会場
    • 公演スケジュール
    • チケット料金
    • 会場スペック
  • 開催日とタイムテーブルを最優先で見せる、会期のあるイベント向けのサイト。
    • 音楽フェス・地域の祭り
    • タイムテーブル
    • 出演者紹介
    • チケット・会場図

  • 施工事例と坪単価・工期を早い段階で見せる、検討中の人に向けたサイト。
    • 注文住宅・リノベーション
    • 施工事例(ビフォーアフター)
    • 坪単価・工期の目安
    • 依頼の流れ
  • 物件を条件で絞り込めて、初期費用まで見せる情報量の多いサイト。
    • 賃貸・売買の仲介
    • 条件検索つき物件一覧
    • 物件の詳細ページ
    • 初期費用の内訳
  • 料金プランの比較と空席状況で、見学・入会につなげるサイト。
    • シェアオフィス
    • 料金プランの比較
    • フロア別の空席状況
    • 設備紹介・FAQ
1枚で完結する表現の見本。CMS を使わず、それぞれが自分の配色と手法を持っている。
  • スクロール量そのものをタイムラインにして、章立てのある製品紹介を1枚で進めていく見せ物。
    • スクロール駆動アニメーション
  • ポインタで回して眺める製品ビューア。実寸の製品を置いたときの見え方を確かめるための1枚。
    • WebGL / three.js
  • スクロールに合わせて、12,000個の粒子が球から結び目へ、螺旋へ、格子へと段階的に組み変わる。
    • WebGL / スクロール駆動モーフィング
  • JavaScript を1行も使わない奥行きのある風景。要素の重なりと視差だけで立体を作っている。
    • JavaScript なし(CSS のみ)
  • 派手な演出を持たない、組版だけで読ませる見本帳。余白・階層・行組みの精度をそのまま見てもらう1枚。
    • タイポグラフィ