制作サンプル

実物を見てから、判断してください

文章だけでは品質は伝わらないので、実際に近い形で用意しました。いまお見せできるのは12点です。

重要な注記

ここに並べているのは、実際のご依頼で納品したものではありません。
弊社が「こういうものを、この品質で作れます」とお見せするために制作したサンプルです。
掲載している団体名・記事内容・店名・価格はすべて架空のものです。

Sample 01

組合の会報紙(A4・1面)

労働組合の組合員向け会報紙のサンプル。1面のレイアウト。題字・見出し・囲み記事・写真枠を配置している
  1. 何を

    労働組合の組合員向け会報紙の1面です。題字(タイトルロゴ)から紙面の割付まで、一式でつくりました。

  2. どう作ったか

    Adobe Illustratorで制作しています。段組み・囲み記事・見出しと本文の階層を組み、A4正寸・トンボ付きのPDFと、Illustrator元データ(.ai)の両方でお出しできる形にしています。

  3. 何が架空か

    団体名・記事内容・登場する人物は、すべて架空です。実在する労働組合とは関係ありません。

堅くなりすぎず、ふだん組合の情報を読まない人にも手に取ってもらえる紙面を狙いました。

Sample 02

飲食店の店頭看板(A1・2枚組)

飲食店の店頭看板2枚組のサンプル。1枚目は肉のビジュアルで足を止め、2枚目はサイドメニューを読ませる構成
  1. 何を

    飲食店の店頭に置くA1サイズの看板2枚組です。1枚目で足を止め、2枚目で読ませる、という役割分けにしています。

  2. どう作ったか

    写真は生成画像を使いました。色は3色に絞り、明朝とゴシックの2書体で見出しと本文の階層をつくっています。

  3. 何が架空か

    店名・価格・営業時間・電話番号は、すべて仮の表記です。写真も生成画像であり、実在する店舗の写真ではありません。

Sample 03

学習塾の生徒募集チラシ(A4・片面)

学習塾の生徒募集チラシのサンプル。キャッチコピー、指導の特徴、時間割と授業料の表、体験授業の案内を1枚にまとめている
  1. 何を

    学習塾の生徒募集チラシです。キャッチ、指導の特徴、時間割と授業料の表、体験授業の案内までを1枚に収めています。

  2. どう作ったか

    教室の写真を紙面の上半分に断ち切りで置き、下に濃紺のグラデーションを重ねて、その上にキャッチを白抜きで載せています。下半分は時間割と授業料の表を、行の高さと罫の強弱で読みやすく整理しました。Adobe Illustratorで制作しています。

  3. 何が架空か

    塾名・所在地・電話番号・時間割・授業料は、すべて架空です。写真はイメージ(生成画像)です。

Sample 04

建築設計事務所の名刺(両面・91×55mm)

建築設計事務所の名刺のサンプル。表に社名と氏名、裏に業務内容と平面図のモチーフを配置している
  1. 何を

    建築設計事務所の名刺です。表に社名と氏名、裏に業務内容と平面図のモチーフを配置しています。

  2. どう作ったか

    余白を大きく取り、書体は明朝とゴシックの2種類に絞っています。小さい紙面なので、原寸で読めることを最優先にしました。塗り足し3mm・トンボ付きで入稿できる形です。

  3. 何が架空か

    事務所名・氏名・住所・電話番号・メールアドレスは、すべて架空です。

Sample 05

焼肉店のメニュー表(A4・片面)

焼肉店のメニュー表のサンプル。焼肉・ホルモン・サイド・ドリンクを1枚に収め、おすすめの焼き方も添えている
  1. 何を

    焼肉店のメニュー表です。焼肉・ホルモン・サイド・ドリンクを1枚に収め、おすすめの焼き方も添えています。

  2. どう作ったか

    写真を主役にし、品名と価格はリーダー罫でつないで一覧性を優先しました。暗い紙面でも価格が読めるよう、数字は等幅のライニング数字にしています。

  3. 何が架空か

    店名・品目・価格は、すべて架空です。写真は生成画像で、実在する店舗のものではありません。

Sample 06

アニメーションのWEBサイト(架空の時計工房)

架空の機械式時計工房「刻限 / KOKUGEN」の1ページサイトのサンプル。金の文字盤と針を描いたトップ画面
  1. 何を

    架空の機械式時計工房の1ページサイトです。スクロールに合わせて、時計が組み上がり、分解され、また戻ります。

  2. どう作ったか

    写真を1枚も使っていません。文字盤・ムーブメントの6層・脱進機の図は、すべてブラウザ上でSVGとして描いています。外部のアニメーションライブラリもWebフォントも使わず、1つのHTMLファイルだけで動きます。秒針は機械式時計の毎時28,800振動を再現して、実時間で動き続けます。

  3. 何が架空か

    工房名・製品名・仕様・年号はすべて架空です。実在する企業・団体・商品とは関係ありません。

Sample 07

開店告知のLP(架空の飲食店)

架空のラーメン店「中華そば 遠音」の開店告知ページのファーストビュー。縦書きの見出しと開店日を配置している
  1. 何を

    飲食店の開店告知の1ページです。開店日・住所・メニューと価格・アクセスまでを1枚に収めています。

  2. どう作ったか

    縦書きの見出し、価格を整理したメニュー表、略図つきのアクセス案内を組みました。見出しは小塚明朝Pr6N・小塚ゴシックPr6N中心で、その書体が入っていない端末では游明朝・游ゴシックに置き換わります。

  3. 何が架空か

    店名「中華そば 遠音」、住所、電話番号、開店日、メニューと価格はすべて架空です。写真は生成画像です。

Sample 08

新サービス告知のLP(架空のBtoBサービス)

架空のクラウドサービス「ソラバコ」の告知ページのファーストビュー
  1. 何を

    新しいクラウドサービスの告知の1ページです。料金プランの比較・導入の流れ・お問い合わせフォームまでを1枚に収めています。

  2. どう作ったか

    料金プランの比較表と、導入までのステップを図解にしました。BtoBの検討段階で必要な情報を、スクロール順に並べています。

  3. 何が架空か

    サービス名「ソラバコ」、会社名、料金、導入実績はすべて架空です。

Sample 09

体験会申し込みのLP(架空の教室)

架空のダンススタジオ「ダンススタジオ コモレ」の体験会申し込みページのファーストビュー
  1. 何を

    ダンススタジオの無料体験会申し込みの1ページです。日程・持ち物・申し込みフォームまでを1枚に収めています。

  2. どう作ったか

    写真を主役にし、日程の選択肢をボタン状に並べて、そのまま申し込みへ進める形にしました。

  3. 何が架空か

    スタジオ名「ダンススタジオ コモレ」、日程、住所、写真はすべて架空です。写真は生成画像です。

Sample 10

歯科衛生士の求人LP(架空の歯科医院)

架空の歯科医院「ことのわ歯科クリニック」の歯科衛生士求人ページのファーストビュー。職種と雇用形態、見出し、見学の申し込みボタン、笑顔の歯科衛生士の写真
  1. 何を

    歯科医院の歯科衛生士募集の1ページです。最初の画面で職種と雇用形態が分かり、そのすぐ下に給与・年間休日・残業・予防の枠の4つの数字を置いています。

  2. どう作ったか

    スタッフ構成と1日の流れで職場の様子を先に見せ、募集要項は給与・勤務時間・休日の行だけ白帯で目立たせました。「見学だけでも可」を3か所に置き、応募ボタンはスクロール中もヘッダーとスマホの画面下に残ります。

  3. 何が架空か

    医院名「ことのわ歯科クリニック」、住所、給与、休日、スタッフ構成、スタッフの声はすべて架空です。写真は生成画像です。フォームは見た目のみで送信できません。

同じ型で、看護師・受付など職種を差し替えて作れます。

Sample 11

美容室のホームページ(架空のサロン)

架空の美容室「hair salon あさしろ」のホームページのファーストビュー。見出し「明日から、自分で決まる髪に。」と、美容師が木の櫛で客の長い髪をとかしている写真
  1. 何を

    席が2つの個人サロンの1ページです。メニューと料金、切り方の考え方、スタイリスト、店内とアクセス、予約までを1枚で終わらせています。

  2. どう作ったか

    売りを「安い」「早い」ではなく、翌朝も同じ形に戻るかどうかに置きました。写真は手と髪が写っているものを選び、仕上がりの節は人が主役です。料金表は所要時間を並べ、追加料金がないことを先に書いています。予約はLINEとWebの2本で、電話番号は載せていません。

  3. 何が架空か

    店名「hair salon あさしろ」、住所、料金、営業時間、スタイリスト、お客さまの声はすべて架空です。写真は生成画像です。予約ボタンは見た目のみで動きません。

ネイル・まつげ・整体・エステなど、予約で成り立つお店に同じ型で使えます。

Sample 12

スキンケア商品の販売LP(架空のブランド)

架空のスキンケアブランド「凪水 NAGIMI」の発酵原液セラム販売ページのファーストビュー。細い明朝の見出し「一滴で、頬まで走る。」と、濡れた石の上の白いスポイト瓶の写真
  1. 何を

    化粧品(美容液)の販売と定期便申し込みの1ページです。最初の画面で使用感と処方を言い切り、価格と定期便の条件をその場で見せています。

  2. どう作ったか

    飾りを置かず、パールグレーの地に細い明朝と大きな余白で組みました。訴求は「発酵90日」「水を足さない」「洗顔後60秒以内・3滴」のように工程と使い方の数字だけで作り、効果の断定やビフォーアフターは使っていません。化粧品として言える範囲(うるおいを与える・乾燥を防ぐ・うるおいは角質層まで)に収めています。

  3. 何が架空か

    ブランド名「凪水」、商品、価格、成分と工程の説明はすべて架空です。写真は生成画像です。フォームは見た目のみで送信できません。

美容液・化粧水・シャンプーなど、定期便のある商品に同じ型で使えます。

Sample 13

美容皮膚科の自由診療LP(架空のクリニック)

架空の「ミトネ美容皮膚科クリニック」のマイクロニードル治療のページのファーストビュー。見出し「0.25mmきざみで、針の深さを決める。」と、施術室の写真、税込の料金
  1. 何を

    美容皮膚科の自由診療(マイクロニードル治療)1メニューの1ページです。医療広告は医療広告ガイドライン(医療法)の対象で、ほかの業種と同じ作り方では出せません。治療内容・費用・リスクを画面の中で書き切る形にしています。

  2. どう作ったか

    ページの先頭に「医療広告である旨」と問い合わせ先を置き、税込の総額・標準的な回数と期間・追加費用の有無・リスクと副作用・受けられない方の条件を、それぞれ独立した節にしました。針の深さと肌の断面、施術後の赤みが引く日数の2つの図は、写真を使わずSVGで描いています。患者さんの体験談と施術前後の写真(ビフォーアフター)は使っていません。さらに、国内で承認されていない機器を使う自由診療では、いま挙げた限定解除の3要件に加えて、未承認である旨・入手経路・同一性能の国内承認品の有無・諸外国での安全性等の情報という4項目と、国の医薬品副作用被害救済制度の対象外である旨まで示す必要があります。そこまで書き切った節を独立して設けています。

  3. 何が架空か

    クリニック名「ミトネ美容皮膚科クリニック」、料金、診療時間、電話番号、メールアドレス、所在の説明はすべて架空です。実在する医療機関とは関係ありません。写真は生成画像です。フォームは見た目のみで送信できません。

同じ型で、医療脱毛・歯科の自由診療など、ほかの自由診療メニューにも使えます。

実物を見たうえで、話してみませんか

紙もWEBも、同じ考え方でつくります。まずはどんなものが必要か、ラフな段階でも聞かせてください。