Shimapon Works

作品集

しまぽん(Shimapon Works)

お店やサービスのLP(1ページのWebページ)、チラシ、メニュー表、名刺、ポスター、SNS画像、ネットショップの商品ページを作っています。作品ごとに、誰に向けて何を伝えようとしたかを添えました。画像を押すと、大きく表示します。

※掲載している作品は、すべて自主制作です。店名・人名は実在のお店・人物とは関係なく、数字は仮の内容です。画像の中の予約ボタンや友だち登録の案内は、作品のデザインの一部です。

クリニックの
看護師採用LP・求人バナー・チラシ

あさひ台内科クリニック(自主制作)

担当
キャッチコピー・構成・文章・デザイン・コーディング・写真選び、求人バナー3案(2サイズずつ)、院内掲示用の募集チラシ(A4・印刷用PDF)
使ったもの
HTML / CSS / JavaScript(バナーとチラシもHTML/CSSで組んで書き出し)

依頼内容は「求人サイトに出しても、ブランクが不安で面接の前に辞退されてしまう」。伝えたいことを「ブランクがあっても、日勤だけで戻れる」のひとつにしぼり、「手は、覚えている。気持ちが追いつくまで、となりで。」と、最初の1か月は先輩がとなりで採血・点滴を一緒に行うことを具体的に見せました。

雇用形態・勤務時間・休日・給与などの条件は省かずにすべて載せ、性別や年齢を限る言葉、根拠のない言い切りは使っていません。色は白と墨に「朝日の朱」を少しだけ。淡い朱の地を使う所や線の扱いをひとつのルールにして、LP・バナー・チラシをそろえています。

写真は素材サイト(Unsplash)のイメージです。

採用LPのファーストビュー(PC)。左に「手は、覚えている。」の見出しと勤務時間・夜勤・給与、右に手袋をした手元の写真
LP(PC)
採用LPのファーストビュー(スマホ)
LP(スマホ)
求人バナー 案1:ブランクの不安から入る
案2:働き方で伝える(写真を使わず、診療時間表の形で)
案3:職場の空気で伝える(3案とも 1080×1080 と 1200×628)
A4縦の看護師募集チラシ。上に「手は、覚えている。」と手元の写真、中段に横向きの入職後の流れ、下に勤務の表と募集要項、電話番号
院内に貼る募集チラシ(A4縦・塗り足しとトンボ付きのPDF)
LPの「入職後の流れ」(スマホ):縦の線が2本並び、入職から1か月の間だけ朱の線が並ぶ
LPの「入職後の流れ」。墨の線が「あなた」、朱の線が「先輩」で、朱は入職から1か月の間だけ並びます。チラシでは横向きに組み替えました。

歯科医院の
定期健診の案内LP・バナー・チラシ

こもれび歯科(自主制作)

担当
キャッチコピー・構成・文章・デザイン・コーディング・写真選びと加工、バナー3案(2サイズずつ)、院内とご近所に置くチラシ(A4・印刷用PDF)
使ったもの
HTML / CSS / JavaScript(バナーとチラシもHTML/CSSで組んで書き出し)

依頼内容は「治療が終わると、定期健診に戻ってこない」。行くと長く通うことになる、という不安を最初に消すことにして、「痛む前に、みがく。削る前に、守る。」と、健診の日は削らないこと・1回 約45分という事実を、LP・バナー・チラシのすべてに添えました。

体験談やビフォーアフター、「痛くない」「No.1」「最新」は使っていません。ホワイトニング(自由診療)は、限定解除で決められた項目(内容・回数・期間・費用・リスクと副作用ほか)を同じ大きさでそろえて書けるLPの中だけで案内し、チラシとバナーには載せていません。色はごく薄い桃の地にローズ。医院名の「こもれび」から、葉の影の写真を地に重ねています。

写真は素材サイト(Unsplash)のイメージです。スマホに映っている予約画面は、制作側で作ったものです。費用などの数字は、医院からいただく数字を入れる枠の形で示しています。

定期健診の案内LPのファーストビュー(PC)。左に「痛む前に、みがく。削る前に、守る。」の見出しと予約のボタン、右にガラス瓶に立てた竹の歯ブラシ2本
LP(PC)
定期健診の案内LPのファーストビュー(スマホ)
LP(スマホ)
バナー 案1:見出しで伝える
案2:言い方を変えて伝える(写真を使わず、文字と木漏れ日だけ)
案3:Web予約を入口にする(3案とも 1080×1080 と 1200×628)
A4縦の定期健診のチラシ。上に見出しと、ガラス瓶に立てた竹の歯ブラシ2本、中段に健診でやることと約45分、下に電話番号・Web予約・診療時間
院内とご近所に置くチラシ(A4縦・塗り足しとトンボ付きのPDF)。ホワイトニングは載せていません
LPのホワイトニング(自由診療)の段(スマホ):内容・回数の目安・期間の目安・費用・主なリスクと副作用などの表
LPのホワイトニングの段。自由診療で書くことが決められた項目を、ひとつの表に同じ大きさでそろえました。

美容サロンの
LP・チラシ・バナー・SNS画像

hair salon「Lumio」(自主制作)

担当
構成・文章・デザイン・コーディング・写真選び、オープン告知のチラシ(A4・印刷用PDF)、Webバナー3案(2サイズずつ)、トーク画面の下に出すメニュー画像、予約サイトに載せる画像、Instagram投稿3枚
使ったもの
HTML / CSS / JavaScript(チラシや画像もHTML/CSSで組んで書き出し)

髪質改善トリートメントを、平日の夜や土日に通う働く女性に向けて「乾かすだけで、朝がひとつ軽くなる。」と言い切りました。白と余白を広くとり、色は主役の写真のかすみ草の茎の緑を、予約ボタンなど要所だけに使っています。作ったお客様の声やビフォーアフターは載せていません。

チラシ・バナー・メニュー画像・予約サイト用の画像・Instagramも、LPと同じ言葉と色でそろえ、どれを見ても同じお店だとわかるようにしました。写真は5枚を使い分け、並べても単調にならないようにしています。バナーは「初回の案内」「髪の悩み」「朝の時間」と伝え方を変えた3案で、実際の広告では複数の案を出して反応を比べられるようにしています。

写真は素材サイト(Unsplash)のものです。

Lumio のLPのファーストビュー(PC)。左に白い余白と「乾かすだけで、朝がひとつ軽くなる。」、右にかすみ草とロングヘアの写真
LP(PC)
Lumio のLPのファーストビュー(スマホ)
LP(スマホ)
予約サイト用のクーポン画像:写真を使わず、髪質診断のカルテのような細い罫線に、初回8,250円と対象・所要時間・内容・ロングヘアの追加の値段
予約サイトに載せるクーポン画像。条件が読めることを優先して写真を外し、髪質診断のカルテの罫線で組みました。
予約サイト用の店内の画像:白黒の店内の写真と、縦書きの「全5席の、小さなサロンです。」
予約サイトに載せる店内の画像(4:3)
Webバナー 案1:初回の案内で伝える
案2:髪の悩みから入る
案3:朝の時間で伝える(3案とも 1080×1080 と 1200×628)
6つに区切ったメニュー画像。左上は窓辺に立つ人の後ろ姿の写真に「初回のご予約」、右下は店内の写真に「店内・アクセス」、ほかの4つは白地に「メニュー」「髪質改善とは」「よくある質問」「お電話」
トーク画面の下に出すメニュー画像(6分割)。スマホで小さく表示されても読める文字の大きさにし、写真のマスと白いマスで、押してほしい場所の重さを変えました。
A4縦のオープン告知チラシ。上の3分の2にかすみ草とロングヘアの写真、髪の上に白い縦書きの「乾かすだけで、朝がひとつ軽くなる。」、下の白にオープン日・初回8,250円・店舗情報
オープン告知のチラシ(A4縦・塗り足しとトンボ付きのPDF)
Instagram投稿1枚目:明るい窓辺に立つ人の後ろ姿の写真に、白い縦書きの「乾かすだけで、朝がひとつ軽くなる。」。下の白に初回8,250円
Instagram投稿 1
Instagram投稿2枚目:一般的なトリートメントとの違いを、縦線1本で左右に分けて比べた表
Instagram投稿 2
Instagram投稿3枚目:カルテの罫線に、診断・補修・定着の3つの工程
Instagram投稿 3

カフェの
季節のフェアのチラシ(A4)

「Sweet Pea Café」いちごフェア(自主制作)

担当
構成・文章・デザイン、写真の切り抜きと仕上げ
使ったもの
HTML / CSS(紙面を組んで画像に書き出し)、rembg(写真の切り抜き)

お店の近くに住む20〜40代に向けて、店頭に置いてもポストに入れても、上の3分の1で「苺のフェア」だと分かるようにしました。見出しは「いちご」の3字だけを大きく赤にし、期間の日付は数字を大きくして1か所にまとめています。

3品は、苺の赤・カスタードの黄・苺ミルクのピンクと、素材の色の斜めの帯に1品ずつ乗せ、食べ比べるように並べました。写真は背景を抜いて帯にじかに置き、帯は3本とも同じ太さ・同じすき間に。主役のパフェだけを大きくして帯から上にはみ出させ、段ごとに写真と文字の左右を入れ替えて、写真と文字の中心を2本の縦の線にそろえています。

連絡先とQRコードは仮の灰色の形にしています。

A4縦のいちごフェアのチラシ。上に店名と赤い「いちご」の見出し、キャッチ「苺の季節を、ひと皿ずつ。」と期間の日付。右上から苺のパフェが赤い帯の上へはみ出し、その下の黄色の帯に苺とカスタードのタルト、ピンクの帯に苺ミルクと、それぞれの品名と税込の値段
いちごフェアのチラシ(A4縦・片面)
チラシの上の部分の拡大:店名「Sweet Pea Café」、赤い大きな「いちご」と墨の「フェア」、キャッチ、2027年1.16 SAT から 3.14 SUN までの日付
見出しは「いちご」の3字を赤く大きく、「フェア」は墨に。

カフェの
お店のLP

「Sweet Pea Café」お店のLP(自主制作)

担当
構成・文章・デザイン・コーディング、写真の仕上げ(写り込んだ文字のぼかし・切り抜き)
使ったもの
HTML / CSS / JavaScript

上のいちごフェアのチラシと同じお店の、ふだんの喫茶店としての紹介ページです。近くに住む人・働く人に「一人でも入りやすそう」「いつ開いているか」が伝わるように、最初の画面を窓辺の席の写真にして、雑誌のお店紹介のように写真と縦書きの見出しで読んでもらう構成にしました。

地の淡いピンクと店名の赤はチラシと同じにして、並べたときに同じお店に見えるようにしています。そのぶん甘いお菓子のお店に寄りすぎないよう、コーヒーの段は手元の写真、ランチの段は木のテーブルの写真と明朝の見出しでまとめ、品名と値段は喫茶店のメニュー表のような点線でつなぎました。季節のおすすめの段には、チラシの苺の3品をそのまま並べています。

住所と電話は仮の灰色の形にしています。

Sweet Pea Café のLPのファーストビュー(PC)。朝の光が入る窓辺の席の写真に「いつもの日常に 小さなときめきを。」の見出しと「アクセスを見る」のボタン
PC
Sweet Pea Café のLPのファーストビュー(スマホ)。スイートピーを生けた花瓶の下に見出し
スマホ
メニューの段(PC):コーヒー・ランチ・焼き菓子の3つを、写真と明朝の見出し、点線でつないだ品名と値段で、高さをずらして並べたところ
メニューの段。品名と値段は点線でつないでいます。
季節のおすすめの段(PC):ピンクの面に「いちごフェア」の見出しと期間、苺のパフェ・苺とカスタードのタルト・苺ミルクの写真と値段
季節のおすすめの段。チラシと同じ3品です。

学習塾の
夏期講習のチラシ(A4)

「港ヶ丘ゼミナール」夏期講習(自主制作)

担当
構成・文章・デザイン、日程・時間割・受講の費用の設定(相場を調べたうえでの仮の値)
使ったもの
SVG(紙面を組んで画像に書き出し)

近くの中学生・高校生と保護者に向けて、ポストや塾の前のラックで見ても、上の3分の1で「夏期講習」だと分かるようにしました。夏の空の下でメガホンで呼びかける生徒の写真と、斜めの紺の帯に大きく「夏期講習」を置き、写真の面は上の4割ほどにとどめて、下に対象・日程・学年ごとの費用・時間割を読みやすい大きさで並べています。

「部活や宿題と両立できるか」「質問しにくい」という悩みには、学年ごとに決まった授業の時間で答え、「質問のしかた」「部活と両立しやすい」「自習室の使い方」を、机に貼る付箋の形にしました。合格率や成績の保証など、実績や効果をうたう言葉は使っていません。

連絡先とQRコードは仮の灰色の形にしています。

A4縦の夏期講習のチラシ。上の青空に黄色いメガホンで呼びかけるセーラー服の生徒と、キャッチ「この夏に、全力で。」、ひまわり。斜めの紺の帯に「夏期講習 2027」、下の白地に対象・3期の日程・学年ごとの費用(税込)・1日の時間割・3枚の付箋・無料体験授業と申込みの締め切り
夏期講習のチラシ(A4縦・片面)
真ん中の付箋の拡大:見出し「部活と両立しやすい」と、中1・2は12:20、中3は14:35に終わり、高校生は午後の授業なので午前は補習や部活に使えるという説明
この講習のいちばんの特徴を書いた真ん中の付箋だけを少し大きくし、3枚が同じ形の横並びに見えないようにしました。

外壁塗装店の
ポスティング用チラシ(A4両面)

「はけめ塗装店」春の塗り替えのチラシ(自主制作)

担当
構成・文章・デザイン、刷毛の帯の図形、費用の目安の設定(相場を調べたうえでの仮の値)
使ったもの
HTML / CSS / SVG(紙面を組んで画像に書き出し)

戸建てに住む50〜70代に向けて、ポスティングと新聞折込で配るA4両面のチラシです。表は興味を持ってもらう面として、塗り替えたばかりの家の写真を大きく置き、刷毛でひと塗りしたような帯に見出し「外壁の色あせ、気になってきたら。」を乗せました。その下に、色あせ・手につく白い粉・目地のすき間という塗り替えを考えはじめるきっかけと、塗料の色見本を手に取りながら色と費用の目安を聞ける、春にお店で開く塗り替えの会の案内を置いています。

裏は決めるための情報の面です。最初の連絡から塗り終わりの確認までの6段を刷毛のひと筆の縦の線でつなぎ、費用の目安(税込・30坪2階建て・含まれるものの注記つき)・施工事例・よくある質問を並べました。訪ねてくる業者への不安に答えるため、お店の約束として「こちらからご自宅に営業に伺うことはありません」「お見積もりは書面でお渡しします」の2つを、流れの1段目と見積もりの段に1行ずつ入れています(作例のお店の設定です)。「今だけ」「放っておくと大変」のような不安をあおる・急かす言葉や、「通常◯円→◯円」のような値引き前と比べる書き方は使っていません。

連絡先とQRコードは仮の灰色の形にしています。

A4縦のチラシの表面。上に店名「はけめ塗装店」と、塗り替えた淡い青灰の2階建ての家の写真。写真の下の紺の刷毛の帯に見出し「外壁の色あせ、気になってきたら。」、その下に「色あせ/手につく白い粉/目地のすき間」、からし色の帯に、春にお店で開く塗り替えの会の見出しと2027年3月27日・28日の日付、あごに手をあてる男性のイラスト、仮の灰色の連絡先とQRコード
チラシ(表)。ポストから出した一瞬で、外壁塗装の店だと分かるように。
チラシの裏面。左に、最初の連絡から塗り終わりの確認までの6段の流れを刷毛の縦の線でつなぎ、受付の女性とローラーを持つ職人のイラスト。右に施工事例のグレージュの2階建ての写真、塗料2種類の費用の目安、よくある質問2つ。下に店名と、仮の灰色の住所・地図・連絡先・QRコード
チラシ(裏)。流れ・費用の目安・施工事例・よくある質問(A4両面)。
表面の見出しの拡大:家の写真の下に重なる紺の刷毛の帯と、白い文字「外壁の色あせ、気になってきたら。」。帯の右端は、不ぞろいな毛の筋とかすれになっている
見出しの帯は、刷毛でひと塗りしたように右端を不ぞろいな筋とかすれにし、斜めの角度は紙面の中で1つにそろえました。

温泉旅館の
女将・支配人の名刺(両面)

「湯宿 格戸(こうど)」女将・支配人の名刺(自主制作)

担当
ロゴの印・デザイン・印刷用データ(CMYK・塗り足し3mm・トンボ付きPDF、文字をアウトライン化した .ai)
使ったもの
Illustrator

小さな温泉旅館の女将と支配人が、泊まったお客様や取引先に渡す名刺です。宿の名前「格戸」は格子戸から取ったもので、印もそれに合わせて、丸窓の中に縦格子を5本入れた形にしました。表は紙の白の地に大きな余白をとり、左上に印と読みがな付きの宿名、左下に役職と名前、右下に住所と連絡先をまとめています。

裏は墨の地に、白抜きのひとこと「格子の向こうに、湯けむりと静けさを。」とQRコードを置き、右端に銅色の格子を入れました。格子は3本ずつの組を3組並べる吹寄せ格子にして、印の中の等間隔の縦線と同じ形の繰り返しにならないようにしています。色は墨・銅・紙の白の3つで、銅は印と格子にだけ使いました。

表は同じ型で役職と名前だけを差し替え、裏は2人で共通です。印刷用データは Illustrator で 91×55mm・塗り足し3mm・CMYK で作り、8ptの小さい文字は版ずれでにじまないよう墨1色にしています。

写真は使っていません。連絡先とQRコードは仮の灰色の形にしています。

横型の名刺の表。白の地の左上に、銅色の丸の中に縦線5本の印と「湯宿 格戸」、その下に小さく読みがな「こうど」。左下に役職「女将」、名前「柚木 千景」、英字「CHIKAGE YUNOKI」。右下に郵便番号と住所「灯ノ郷町 奥灯温泉 14」、TEL・MAIL の横に仮の灰色の棒
女将の名刺(表・91×55mm)
名刺の裏。墨の地の左上に白抜きの「湯宿 格戸」と読みがな「こうど」、銅色の印。左下に白い文字「格子の向こうに、湯けむりと静けさを。」。中央右に白いふちの仮の灰色のQRコードと灰色の棒、右端に銅色の細い縦線が3本ずつ3組
裏(2人で共通)。右端は3本ずつの吹寄せ格子。
支配人の名刺の表。女将の名刺と同じ配置で、役職「支配人」、名前「柚木 匠」、英字「TAKUMI YUNOKI」だけが違う
支配人の名刺(表)。同じ型で、役職と名前だけを差し替え。
裏の印の拡大:墨の地に、銅色の丸の中に縦線5本と、白抜きの「湯宿 格戸」と読みがな「こうど」
印は、旅館の丸窓に縦格子を5本。

皮膚科クリニックの
スタッフの名刺(両面)

「そよぎ皮ふ科」院長・看護師・受付の名刺(自主制作)

担当
ロゴの印・デザイン・診療時間の表・印刷用データ(CMYK・塗り足し3mm・トンボ付きPDF、文字をアウトライン化した .ai)
使ったもの
Illustrator

院長から受付まで、医院のスタッフ全員が同じ型で使える名刺です。子どもから大人までの患者さんやご家族が受け取ったとき、やわらかく清潔に感じるよう、白の地に余白を広くとりました。医院の名前(葉がそよぐ)から、塗りの葉と線の葉が風で少し開いた「二枚の葉」の印を作り、緑は印・診療時間の表・裏の淡い地にしぼって使っています。

表は役職・名前・英字を上から組み、英字が要らない人は行を消すだけで打ち替えられる形にしました(受付の名刺がこの形)。住所と連絡先は全員同じ位置です。裏は全員共通で、診療科目と、曜日×午前・午後の診療時間の表、受付の終わりと休診日を8pt以上の大きさで並べ、来院の前に見返せるようにしています。

効果・比較の言葉や資格は書かず、診療科目は皮膚科・小児皮膚科・アレルギー科だけにしました。印刷用データは Illustrator で 91×55mm・塗り足し3mm・CMYK で作っています。

写真は使っていません。連絡先とQRコードは仮の灰色の形にしています。

横型の名刺の表。白の地の左上に、緑の塗りの葉と線の葉が重なる印と「そよぎ皮ふ科」。左に役職「院長」、深い緑の名前「風間 彩乃」、英字「KAZAMA AYANO」。右下に郵便番号と住所「葉ノ瀬町 3-7 1F」、TEL・MAIL の横に仮の灰色の棒
院長の名刺(表・91×55mm)
名刺の裏。淡い緑の地の左上に印と「そよぎ皮ふ科」、その下に「皮膚科・小児皮膚科・アレルギー科」。月から祝までの曜日と、9:00–12:30・15:00–18:30 の2行に丸と斜線を並べた診療時間の表、「受付は各終了時刻の30分前まで」「休診日 木曜・土曜午後・日曜・祝日」。右に白いふちの仮の灰色のQRコードと、URL の横の灰色の棒
裏(全員で共通)。診療科目と診療時間の表。
看護師の名刺の表。院長の名刺と同じ配置で、役職「看護師」、名前「森下 結衣」、英字「MORISHITA YUI」だけが違う
看護師の名刺(表)。役職と名前だけを差し替え。
受付の名刺の表。同じ配置で、役職「受付」と名前「青木 千夏」。英字の行はなく、名前の下が空いている。右下の住所と連絡先の位置は同じ
受付の名刺(表)。英字の行を消した形。

勤怠管理サービスの
LP・広告バナー・展示会チラシ

勤怠管理サービス「Clocca」(自主制作)

担当
キャッチコピー・構成・文章・デザイン・コーディング・資料請求フォーム、資料ダウンロード広告のバナー3案(2サイズずつ)、ウェビナー告知バナー、展示会チラシ(A4両面・印刷用PDF)、ホワイトペーパーの表紙(A4縦)
使ったもの
HTML / CSS / JavaScript(バナー・チラシ・表紙もHTML/CSSで組んで書き出し)

依頼内容は「展示会で名刺は集まるのに商談にならない」「ページが他社と同じに見える」。中小企業の総務の方に向けて、月末の勤怠集計が「作る」作業から「確かめる」作業に変わることを、「月末の勤怠集計を、作るから、確かめるへ。」のひと言にしました。比べる相手は他社ではなく、Excel・タイムカードで管理している今です。

地は事務用紙のような薄い灰、文字とボタンはネイビー、深めの赤は「確認印」と「確かめる」の2か所だけ、というルールを、ページと4種類の販促物のすべてで同じにしています。展示会チラシは、表面を言葉と確認画面と費用の3つだけにし、機能は裏面へ、詳しい内容は資料へ送る形です。

写真は使っていません。根拠のない数字・導入事例・お客様の声は載せていません。

Clocca のLPのファーストビュー(PC)。左に「月末の勤怠集計を、作るから、確かめるへ。」、右に締めの確認画面と赤い確認印
LP(PC)
Clocca のLPのファーストビュー(スマホ)
LP(スマホ)
展示会チラシの表面:言葉と締めの確認画面、初期費用0円・1人あたり月200円から・30日間無料の3つ
展示会チラシ(表)。ブースの前の数秒で伝わるよう、言葉と確認画面と費用の3つだけにしました。
展示会チラシの裏面:締めの日の比べ方の表、4つの機能、プランの表、資料ページのQRコードの位置
展示会チラシ(裏)。機能・比べ方・プランは裏面に。QRコードは仮の枠です(A4両面・塗り足しとトンボ付きのPDF)。
資料ダウンロード広告 案1:主役のコピーで伝える
案2:一瞬で伝える
案3:管理の不安から入る(3案とも 1080×1080 と 1200×628)
ホワイトペーパーの表紙:「月末の勤怠集計を、作るから、確かめるへ。」と、タイトル「Excel勤怠から移る前に確認したい10のこと」、赤い確認印
ホワイトペーパーの表紙(A4縦)
ウェビナー告知バナー:「月末の勤怠締めを早くする 3つの見直し」と日時、お話しする3つのこと
ウェビナー告知(1200×628)

コンタクトレンズの
楽天市場の商品ページ

SUMICLE 1DAY「1日使い捨てコンタクトレンズ」(自主制作)

担当
ブランド名・構成・文章・デザイン、スマホ用の縦長画像10枚、商品画像3枚、楽天にそのまま貼れるHTMLと登録用の文章
使ったもの
HTML / CSS(画像の書き出し用)

毎月のレンズ代を下げたい方に向けて、「4箱なら1箱あたり1,190円(税込)」「両目1か月あたり2,380円」と、1か月にいくらかかるかがすぐ分かるように組みました。高度管理医療機器なので、見え方や目への良さには触れず、値段の数字と「眼科で処方された含水率とBCに合わせて選ぶ」ことだけを書き、使用上の注意と表示事項もページの中に入れています。1枚目の商品画像は楽天のガイドライン(文字は面積の20%以内・枠線なし)に合わせています。

承認番号は見本の番号です。

スマホ用の縦長画像1枚目:SUMICLE 1DAY の商品名、水面の前でほほえむ女性と紺・水色の2つの箱、「澄んだ毎日、」で始まる2行のキャッチと、4箱なら1箱あたり1,190円(税込)
スマホ用の縦長画像(1枚目/全10枚)
スマホ用の縦長画像2枚目:1箱30枚は片目の30日分、両目なら1か月で2箱という数え方と、両目1か月あたり2,380円(税込)
(2枚目)
商品画像1枚目:水面の前の女性と2つの箱、商品名と「4箱なら1箱あたり1,190円」
商品画像 1
商品画像2枚目:水面に置いた紺と水色の2つの箱
商品画像 2
商品画像3枚目:1箱・2箱・4箱の1箱あたりの値段(税込)を並べた表
商品画像 3

居酒屋のメニュー表
(A4・8ページ)

「三日月酒場」(自主制作)

担当
品書きの構成・文章・デザイン、店名のロゴ・和紙の地・見出しの三日月の印・「一押し」の判
使ったもの
Canva(下書き)、Illustrator(印刷用データ)

ふらっと入ったお客さまにも、何を頼めばいいかがすぐ伝わるように、1ページ1ジャンルにし、上の写真の料理を品書きの1品目にそろえて「一押し」の判を押しました。値段は比べやすい算用数字にして各列の下にそろえ、品名とは点線でつないでいます。お酒は「酒場」らしく12品にし、ソフトドリンクと合わせて二段に収めました。表紙は上を夜の色にして、和紙を切り抜いた三日月と店名を大きく置き、表紙だけで店の名前が伝わるようにしました。

  • 表紙:上は墨藍の夜の色に、白抜きの縦書きの店名「三日月酒場」と、和紙を切り抜いた三日月。下の和紙に縦書きの「お品書き」と三日月のロゴ、注意書き
    表紙
  • おつまみのページ:枝豆の写真と縦書きの品書き
    おつまみ
  • お刺身のページ:刺身の盛り合わせの写真と縦書きの品書き
    お刺身
  • 焼きもののページ:焼き鳥の写真と縦書きの品書き
    焼きもの
  • 揚げ物のページ:唐揚げの写真と縦書きの品書き
    揚げ物
  • 鉄板とご飯のページ:鉄鍋のペッパーライスの写真と縦書きの品書き
    鉄板とご飯
  • 甘味のページ:抹茶・あずき・白玉・アイスの写真と二段の品書き
    甘味
  • ドリンクのページ:生ビールの写真と「お飲みもの」の品書き。上の段と下の段にお酒12品、下の段の左に小見出し「ソフトドリンク」と4品
    ドリンク

温浴施設の
LP・チラシ・Instagram

岩盤浴と温泉のリゾート「なな湯」(自主制作)

担当
コンセプト・構成・文章・デザイン・コーディング、サウナイベントの店頭チラシ(A4)、Instagram投稿3枚
使ったもの
HTML / CSS / JavaScript(チラシ・Instagramも HTML / CSS で組んで画像に書き出し)

休日に遠出はしないけれど気分を変えたい20〜30代の友だち同士に向けて、「近くで、旅気分。」のひとつのコピーで、旅の冊子のようなLPにしました。主役の七つの岩盤浴は、部屋ごとの石の質感の写真と淡い色の帯で見せています。チラシとInstagramは毎月のサウナイベント「アウフグースの日」の告知で、LPと同じ色・帯・書体でそろえました。QRは見本の模様で、読み取れません。

なな湯のLPのファーストビュー(PC)。「近くで、旅気分。」の見出しと、露天風呂の写真、七つの岩盤浴の色の帯
PC
なな湯のLPのファーストビュー(スマホ)。「近くで、旅気分。」の見出しと露天風呂の写真
スマホ
A4縦の店頭チラシ。湯気の立つサウナストーンの写真に「アウフグースの日」、大きな「第2」と4つの時刻、塩の部屋の写真と七つの帯、入館料・営業時間と見本のQRコード
サウナイベントの店頭チラシ(A4縦)
Instagram投稿1枚目:湯気の写真に「アウフグースの日」と「毎月 第2 土曜日」
Instagram投稿 1
Instagram投稿2枚目:1日4回の時刻(13:00・15:00・17:00・19:00)と参加の条件
Instagram投稿 2
Instagram投稿3枚目:塩の部屋の写真と「七つの岩盤浴」、友だち登録で初回100円引きのボタンと七つの帯
Instagram投稿 3

食品ギフトの
楽天市場の商品ページ

果実工房こはる「国産フルーツジュレ」(自主制作)

担当
スマホ用の縦長画像11枚、商品画像3枚、楽天にそのまま貼れるHTMLと登録用の文章
使ったもの
HTML / CSS(画像の書き出し用)

お歳暮やクリスマスの贈りものを探す方に向けて、キャッチ「果実を、ほおばるジュレ。」のとおり果肉の大きさが伝わるように、1枚目から果肉を大きく寄って見せ、4つの味も1枚ずつ寄りの写真で並べました。季節の用途とギフト対応は1枚にまとめています。楽天のスマホ用ページはCSSが使えないため、縦長の画像を分けて並べる形にし、1枚目の商品画像は、一覧で何の商品か分かるように商品名を入れ、ガイドライン(文字は面積の20%以内・枠線なし)に合わせています。

スマホ用の縦長画像1枚目:「果実を、ほおばるジュレ。」のキャッチと、スプーンにのったいちごの果肉を大きく寄った写真。下に透明のふたをして箱に並べた8個のジュレの写真と、商品名
スマホ用の縦長画像(1枚目/全11枚)
スマホ用の縦長画像2枚目:「ひとさじごとに、果肉がごろっと。」の見出しと、白桃のジュレをスプーンですくった寄りの写真。横に縦書きで「白桃」
(2枚目)
商品画像1枚目:木のテーブルの上の、透明のふたをしたカップ8個が並ぶジュレの箱。上に商品名「果実ごろっと 国産フルーツジュレ」と「8個入り・送料無料」
商品画像 1
商品画像2枚目:白桃・マスカット・みかん・いちごの4つの味のジュレを、同じ背の低いカップに同じ高さまで入れて並べた写真
商品画像 2
商品画像3枚目:商品と同じ箱にリボンをかけた写真と、ギフト対応無料(のし・包装・メッセージカード・手提げ袋)の案内
商品画像 3

医療セミナーの
ポスター(A2)

「第12回 みなと循環器セミナー」(自主制作)

担当
構成・デザイン・印刷用データ(CMYK・塗り足し3mm・トンボ付きPDF、文字をアウトライン化した .ai)
使ったもの
Illustrator

掲示の前を通りすぎる医師・メディカルスタッフにも「何の会が・いつ」が伝わるように、写真を使わず、会の名前・テーマ・日付を大きな文字で組みました。近づけば時刻・プログラム・参加費・申込方法まで読めるよう、下の段に文字の大きさを分けてまとめています。飾りは紙面を横切る心電図の線1本だけにし、赤はその1拍にだけ使っています。

写真は使っていません。QRコードは見本の模様で、読み取れません。

A2ポスターの全体:上に会の名前と大会テーマ「鼓動を、ともに支える。」、中央を横切る心電図の線、下の淡い青の面に開催日時と時刻・会場・プログラム・参加費・対象・参加申込・大会長と、参加登録用のダミーのQRコード
告知ポスター(A2縦 420×594mm・片面)
心電図の線の拡大:青い線の途中の1拍だけが赤い
線のほとんどは青で、1拍だけを赤にしました。