Works

お店や作家さんごとに、見た目も言葉もまったく違うものになりました。その人らしさをどう見つけ、どう形にしたのかを、それぞれの作品に添えています。

Web Design

遅道 Photographs トップページ(パソコン)
遅道 Photographs トップページ(スマホ)

#CLIENT WORK

写真作品サイト 遅道 Photographs

クライアント
写真家 遅沢さま
担当
構成/デザイン/ロゴ/文章/画像加工/構築/レスポンシブ対応/公開
ツール
HTML/CSS/JavaScript/Cloudflare Pages(公開)/Claude Code(コーディング補助)

【課題】「モノクロの写真が活きるデザインにしてほしい」というご要望をいただきました。

【提案】遅沢さまが憧れている写真家・森山大道のウェブサイトをリサーチし、モノクロームの世界観をどう表すかを考えました。フィルムカメラの時代から撮り続けていらっしゃることに着想を得て、作品をベタ焼きのように並べ、カーソルを乗せるとネガから現像されるように写真が現れる形にしています。

【結果】現像の色味までサイトに映してみたことで、写真をかっこよく魅せることができたように思います。遅沢さまからも、最初の画面のインパクトと、ベタ焼きの見せ方を気に入っていただけました。

VIEW DETAIL →
ふくふくリフォーム トップページ(パソコン)
ふくふくリフォーム トップページ(スマホ)

#CLIENT WORK

ふくふくリフォーム ホームページ

クライアント
株式会社福田工務店(ふくふくリフォーム)
担当
構成/デザイン/サイト構築/ライティング/画像加工/レスポンシブ対応/SEO 設定(AIにも伝わる情報の整理)
ツール
AIおりこうブログ

【課題】スタイルの自由度が低い専用ツールの中で、「どんなことができるリフォーム会社なのか」を分かりやすく伝えること。

【提案】会社案内をもとに、会社の在り方が伝わる文章を書き起こし、サービスをカードでカテゴリーごとに整理。見出しや説明文、画像の代替テキストまで、検索や AI にも伝わるように整えました。

【結果】「動線が良くなり、何ができる会社か分かりやすくなった」とのお声をいただき、「AIに勧められた」というお客さまも続いています。

VIEW DETAIL →
Lee Loo トップページ(パソコン)
Lee Loo トップページ(スマホ)

#SELF WORK運用中

オンラインギャラリー Lee Loo

クライアント
自主制作(運営)
担当
デザイン/撮影(一部)/文章/構築/レスポンシブ対応/運用
ツール
WordPress/BASE(決済)/Claude(コーディング補助・構成案出し)

【目的】個人で活動する芸術家の作品を、世界中のたった一人にでも好きになってもらいたい。作家を応援したいという気持ちから始めたオンラインギャラリーです。

【工夫】個性的な作品が主役になるよう、サイト全体は静かなイメージに。決済のみ BASE と連携し、利用者も作家も安心できる仕組みにしています。

【これから】作家の出品作品が決まり、これから作品を登録していきます。

VIEW DETAIL →
ねこと畑のある暮らし 日本語版トップページ
日本語
Cats & Kurashi 英語版トップページ
English

#SELF WORK運用中

ねこと畑のある暮らし/Cats & Kurashi(日英2言語)

クライアント
自主制作(運営)
担当
デザイン/撮影/文章/翻訳/構築/レスポンシブ対応/運用
ツール
WordPress/Claude(コーディング補助・英訳チェック)

【きっかけ】Instagram のリール動画をきっかけに海外からのフォローが増え、日本語が読めない方にも暮らしを届けたいと考えて英語版をスタートしました。

【工夫】日本語版は「畑と猫」が主役のスローライフとして、実家の畑をイメージした水彩画に。英語版は、リサーチをもとにメイドインジャパンの暮らしの道具と猫の写真で、視覚的に伝わる形に作り分けました。

【結果】SNS からサイトへ来てくださる方が、少しずつ増えています。

VIEW DETAIL →
kinked tail トップページ(パソコン)
kinked tail トップページ(スマホ)
  • 最初の画面の型2「顔が流れる」TYPE 2顔が流れる
  • 最初の画面の型3「人と猫の一枚」TYPE 3人と猫の一枚

#SELF WORK

保護団体向けサイトの制作見本 kinked tail

クライアント
自主制作(架空の団体の制作見本)
担当
構成/デザイン/撮影/文章/構築/レスポンシブ対応
ツール
HTML/CSS/JavaScript/Cloudflare Pages(公開)/Claude(コーディング補助)

【目的】このサイトを使っていただくことで、保護猫たちがずっとのお家を見つけられたら、という思いで作った見本です。いくつかの保護団体のサイトを拝見すると、情報の整理に困っている様子がうかがえたため、分かりやすい入口をつくることが、保護猫と暮らすひとりとしての私なりの支援になると考えました。

【工夫】迎えたい方と支えたい方に必要なことを、1ページにまとめる構成にしました。私自身、保護した子猫のうち4匹を里親さんへお渡しした経験があります。そのとき、ワクチンの接種や健康の状態、その子の特徴は、どなたも気にされていました。偽りなくお伝えすることが大切だと感じ、猫の紹介には健康の項目を設けています。見本の「2匹いっしょに」という紹介も、実際に姉妹で相性がよく、離すより一緒がよいと判断した子たちです。そばで過ごしてみないと見えてこないことをうかがい、言葉とデザインに反映したいと考えています。

【これから】猫の一覧やプロフィールを独立させたページの見本を、準備しています。

FOR RESCUE →

LINE Design

‹美容室NONNO≡
今日
既読
10:01
スタッフ紹介
美容室NONNO アイコンリッチメッセージ スタッフ紹介(トーク画面)10:01
美容室NONNO LINEリッチメニュー(トーク画面)
メニュー ▾
美容室NONNO LINEリッチメニュー
リッチメッセージ メニュー リッチメッセージ スタッフ紹介
リッチメニュー/リッチメッセージ

#CLIENT WORK

美容室 NONNO LINEリッチメニュー

クライアント
美容室 NONNO
担当
デザイン/文章/イラスト/構築
ツール
Figma

【課題】年配のお客さまも多いため、難しいメニューではなく「相談する」と「電話」が分かりやすく、気軽に相談してもらえるものにしたい。ホームページがなく、スタッフ写真も載せたくないというご希望もありました。

【提案】「予約・相談する」をいちばん大きく置き、「お電話」も独立したボタンに。アイコンを添えて迷わず押せるようにし、看板猫と一緒に描いたオリジナルのイラストでお店のあたたかさを伝えました。

【結果】スタッフ写真の代わりに看板猫入りのイラストで表現したことを、とても喜んでいただきました。

‹ふくふくリフォーム≡
今日
既読
14:20
外壁塗装を検討しているので、一度見にきてほしい
ふくふくリフォーム アイコンふくふくリフォームです。メッセージを確認いたしました。内容を確認次第、担当者より後ほどご連絡させていただきますので、少々お待ちくださいませ。14:20
ふくふくリフォーム LINEリッチメニュー(トーク画面)
メニュー ▾
ふくふくリフォーム LINEリッチメニュー リッチメニュー

#CLIENT WORK

ふくふくリフォーム LINEリッチメニュー

クライアント
株式会社福田工務店(ふくふくリフォーム)
担当
デザイン/文章/構築/LINE 設定(連携)
ツール
Canva

【課題】シニアのお客さまが多いため、「相談する」を分かりやすくデザインしてほしい、企業カラーを使ってほしいというご希望でした。

【提案】いちばん大きく「電話で相談する」を置き、公式WEB・LINEで相談・場所の確認を3つのボタンにまとめました。色は企業カラーでそろえ、ホームページと同じ印象にしています。

【結果】これまで LINE で連絡をしてこなかった常連のお客さまも、LINE で問い合わせてくださるようになりました。

Graphic Design

チラシを押すと拡大します

#CLIENT WORK

あわのアートフェス 出張ワークショップ チラシ

デザイン/撮影(一部)/文章 ・ Affinity

【目的】あわのアートフェスの出張ワークショップとして、9月のシルバーウィークに開く「紙すもうづくり」の参加者を募集するチラシです。子どもから大人まで参加できる催しで、告知は主に Instagram で行いました。

【工夫】紙すもうを作るワークショップなので、ひと目で相撲が思い浮かぶよう土俵を描き、力士には見本として実際に作った紙すもうの写真を使いました。A4 の3分の2を見せたいビジュアルに使って大きく表現し、まず目で楽しさを想像してもらえるようにしています。残りの3分の1には、必要な情報をアイコンも添えながら整理してまとめました。

あわのアートフェスティバル バナー

#CLIENT WORK

あわのアートフェスティバル バナー

【目的】子供からお年寄りまで、幅広い層の芸術ファンへ向けた地域密着型アートフェスの集客バナー

【工夫】会場の空気感を伝えるため、自ら撮影した展示作品の写真を使用。地域性を考慮し、英語表記に視認性の高い日本語を併記しました。また、フェス名へのジャンプ率を高め、一目で興味を引くフォントデザインを施しています。

ととのう時間 バナー

#SELF WORK

Famm デザインコンペ「ととのう時間」

【目的】ターゲット:20代以上の女性という幅広い世代へ「心身が整う時間」を提案するウェルネスバナー

【工夫】「grounding(接地)」を意識した自然素材をベースに、セリフ体で落ち着いたトーンを表現。CTAボタンは質感を損なわないよう、透明感のあるリキッドグラス風に仕上げています。

夏期講習バナー A案 夏期講習バナー B案
切り替えて比べる

#仮想

学習塾 夏期講習バナー(仮想)ABテスト案

【目的】Z世代(中高生)の夏期講習への意識を向上させ、申し込みへと繋げる集客バナー

【工夫】Z世代に親しみのあるネオンカラーとハッシュタグを取り入れ、ポジティブなイメージを表現。A案はキャッチコピー全体の視認性を、B案は「夏講」のキーワードへのジャンプ率を重視し、どちらがよりターゲットの視線を奪えるかを検証する設計にしています。

ペット可物件専門不動産バナー

#仮想

ペット可物件専門不動産バナー(仮想)

【目的】愛犬との暮らしを検討している層へ向けた、SNS配信用の物件紹介広告バナー

【工夫】「中型犬+リビング」の素材選定により、一軒家ではなく集合住宅でのリアルな生活動線を想起させる設計に。不動産としての信頼感を担保する配色をベースに、キャッチコピーのジャンプ率を高め、SNS上での視認性と情報の可読性を両立させました。

コーヒー定期便バナー

#仮想

コーヒー定期便バナー(仮想)

【目的】自宅でワンランク上のコーヒーを楽しみたい層へ向けた、新規購読を促す販促バナー

【工夫】「自宅でカフェ気分」という体験を強調するため、生成AIで湯気を加筆し、香りが伝わるシズル感を追求。訴求力の高いコピーを厳選して配置し、初回特典の視認性を高めることで、ユーザーの期待感を醸成しクリックへと導く設計にしました。

Photography