重要な注記
ここに並べているのは、実際のご依頼で納品したものではありません。
弊社が「こういうものを、この品質で作れます」とお見せするために制作したサンプルです。
掲載している団体名・記事内容・店名・価格はすべて架空のものです。
制作サンプル
文章だけでは品質は伝わらないので、実際に近い形で用意しました。いまお見せできるのは12点です。
重要な注記
ここに並べているのは、実際のご依頼で納品したものではありません。
弊社が「こういうものを、この品質で作れます」とお見せするために制作したサンプルです。
掲載している団体名・記事内容・店名・価格はすべて架空のものです。
Sample 01

労働組合の組合員向け会報紙の1面です。題字(タイトルロゴ)から紙面の割付まで、一式でつくりました。
Adobe Illustratorで制作しています。段組み・囲み記事・見出しと本文の階層を組み、A4正寸・トンボ付きのPDFと、Illustrator元データ(.ai)の両方でお出しできる形にしています。
団体名・記事内容・登場する人物は、すべて架空です。実在する労働組合とは関係ありません。
堅くなりすぎず、ふだん組合の情報を読まない人にも手に取ってもらえる紙面を狙いました。
Sample 02

飲食店の店頭に置くA1サイズの看板2枚組です。1枚目で足を止め、2枚目で読ませる、という役割分けにしています。
写真は生成画像を使いました。色は3色に絞り、明朝とゴシックの2書体で見出しと本文の階層をつくっています。
店名・価格・営業時間・電話番号は、すべて仮の表記です。写真も生成画像であり、実在する店舗の写真ではありません。
Sample 03

学習塾の生徒募集チラシです。キャッチ、指導の特徴、時間割と授業料の表、体験授業の案内までを1枚に収めています。
教室の写真を紙面の上半分に断ち切りで置き、下に濃紺のグラデーションを重ねて、その上にキャッチを白抜きで載せています。下半分は時間割と授業料の表を、行の高さと罫の強弱で読みやすく整理しました。Adobe Illustratorで制作しています。
塾名・所在地・電話番号・時間割・授業料は、すべて架空です。写真はイメージ(生成画像)です。
Sample 04

建築設計事務所の名刺です。表に社名と氏名、裏に業務内容と平面図のモチーフを配置しています。
余白を大きく取り、書体は明朝とゴシックの2種類に絞っています。小さい紙面なので、原寸で読めることを最優先にしました。塗り足し3mm・トンボ付きで入稿できる形です。
事務所名・氏名・住所・電話番号・メールアドレスは、すべて架空です。
Sample 05

焼肉店のメニュー表です。焼肉・ホルモン・サイド・ドリンクを1枚に収め、おすすめの焼き方も添えています。
写真を主役にし、品名と価格はリーダー罫でつないで一覧性を優先しました。暗い紙面でも価格が読めるよう、数字は等幅のライニング数字にしています。
店名・品目・価格は、すべて架空です。写真は生成画像で、実在する店舗のものではありません。
Sample 06

架空の機械式時計工房の1ページサイトです。スクロールに合わせて、時計が組み上がり、分解され、また戻ります。
写真を1枚も使っていません。文字盤・ムーブメントの6層・脱進機の図は、すべてブラウザ上でSVGとして描いています。外部のアニメーションライブラリもWebフォントも使わず、1つのHTMLファイルだけで動きます。秒針は機械式時計の毎時28,800振動を再現して、実時間で動き続けます。
工房名・製品名・仕様・年号はすべて架空です。実在する企業・団体・商品とは関係ありません。
Sample 07

飲食店の開店告知の1ページです。開店日・住所・メニューと価格・アクセスまでを1枚に収めています。
縦書きの見出し、価格を整理したメニュー表、略図つきのアクセス案内を組みました。見出しは小塚明朝Pr6N・小塚ゴシックPr6N中心で、その書体が入っていない端末では游明朝・游ゴシックに置き換わります。
店名「中華そば 遠音」、住所、電話番号、開店日、メニューと価格はすべて架空です。写真は生成画像です。
Sample 08

新しいクラウドサービスの告知の1ページです。料金プランの比較・導入の流れ・お問い合わせフォームまでを1枚に収めています。
料金プランの比較表と、導入までのステップを図解にしました。BtoBの検討段階で必要な情報を、スクロール順に並べています。
サービス名「ソラバコ」、会社名、料金、導入実績はすべて架空です。
Sample 09

ダンススタジオの無料体験会申し込みの1ページです。日程・持ち物・申し込みフォームまでを1枚に収めています。
写真を主役にし、日程の選択肢をボタン状に並べて、そのまま申し込みへ進める形にしました。
スタジオ名「ダンススタジオ コモレ」、日程、住所、写真はすべて架空です。写真は生成画像です。
Sample 10

歯科医院の歯科衛生士募集の1ページです。最初の画面で職種と雇用形態が分かり、そのすぐ下に給与・年間休日・残業・予防の枠の4つの数字を置いています。
スタッフ構成と1日の流れで職場の様子を先に見せ、募集要項は給与・勤務時間・休日の行だけ白帯で目立たせました。「見学だけでも可」を3か所に置き、応募ボタンはスクロール中もヘッダーとスマホの画面下に残ります。
医院名「ことのわ歯科クリニック」、住所、給与、休日、スタッフ構成、スタッフの声はすべて架空です。写真は生成画像です。フォームは見た目のみで送信できません。
同じ型で、看護師・受付など職種を差し替えて作れます。
Sample 11

席が2つの個人サロンの1ページです。メニューと料金、切り方の考え方、スタイリスト、店内とアクセス、予約までを1枚で終わらせています。
売りを「安い」「早い」ではなく、翌朝も同じ形に戻るかどうかに置きました。写真は手と髪が写っているものを選び、仕上がりの節は人が主役です。料金表は所要時間を並べ、追加料金がないことを先に書いています。予約はLINEとWebの2本で、電話番号は載せていません。
店名「hair salon あさしろ」、住所、料金、営業時間、スタイリスト、お客さまの声はすべて架空です。写真は生成画像です。予約ボタンは見た目のみで動きません。
ネイル・まつげ・整体・エステなど、予約で成り立つお店に同じ型で使えます。
Sample 12

化粧品(美容液)の販売と定期便申し込みの1ページです。最初の画面で使用感と処方を言い切り、価格と定期便の条件をその場で見せています。
飾りを置かず、パールグレーの地に細い明朝と大きな余白で組みました。訴求は「発酵90日」「水を足さない」「洗顔後60秒以内・3滴」のように工程と使い方の数字だけで作り、効果の断定やビフォーアフターは使っていません。化粧品として言える範囲(うるおいを与える・乾燥を防ぐ・うるおいは角質層まで)に収めています。
ブランド名「凪水」、商品、価格、成分と工程の説明はすべて架空です。写真は生成画像です。フォームは見た目のみで送信できません。
美容液・化粧水・シャンプーなど、定期便のある商品に同じ型で使えます。
Sample 13

美容皮膚科の自由診療(マイクロニードル治療)1メニューの1ページです。医療広告は医療広告ガイドライン(医療法)の対象で、ほかの業種と同じ作り方では出せません。治療内容・費用・リスクを画面の中で書き切る形にしています。
ページの先頭に「医療広告である旨」と問い合わせ先を置き、税込の総額・標準的な回数と期間・追加費用の有無・リスクと副作用・受けられない方の条件を、それぞれ独立した節にしました。針の深さと肌の断面、施術後の赤みが引く日数の2つの図は、写真を使わずSVGで描いています。患者さんの体験談と施術前後の写真(ビフォーアフター)は使っていません。さらに、国内で承認されていない機器を使う自由診療では、いま挙げた限定解除の3要件に加えて、未承認である旨・入手経路・同一性能の国内承認品の有無・諸外国での安全性等の情報という4項目と、国の医薬品副作用被害救済制度の対象外である旨まで示す必要があります。そこまで書き切った節を独立して設けています。
クリニック名「ミトネ美容皮膚科クリニック」、料金、診療時間、電話番号、メールアドレス、所在の説明はすべて架空です。実在する医療機関とは関係ありません。写真は生成画像です。フォームは見た目のみで送信できません。
同じ型で、医療脱毛・歯科の自由診療など、ほかの自由診療メニューにも使えます。
ホームページ制作
紙もWEBも、同じ考え方でつくります。まずはどんなものが必要か、ラフな段階でも聞かせてください。