Portfolio

-Client works-

「つくりたい」を解決

「ホームページが欲しい」「こんなロゴにしたい」など、新しい「何か」をつくるお手伝いをしました。
※概要のみ掲載しております。

社会福祉法人

コーポレートサイト

2013

社会福祉法人の新規サイト。「元気」「楽しさ」「活動的」をキーワードに、丸い形をモチーフにしたリズム感のあるデザインを提案し制作しました。現在もサポートを継続しています。

role
情報設計・ワイヤフレーム・デザイン・コーディング・サポート
creation time
1.5か月
tool
Dreamweaver Photoshop Illustrator

美容整体院

オフィシャルサイト

2017

新規開設した美容整体院のサイトをコンサルティング会社からの依頼で制作。低予算という条件だったため無料素材なども活用し、ライティングも担当しました。

role
情報設計・ワイヤフレーム・デザイン・コーディング・ライティング
creation time
1.5か月
tool
Dreamweaver Photoshop Illustrator

保育園

オフィシャルサイト

2015

子どもや保護者が親しみやすい、水彩モチーフを全体に用いた園庭のようなデザインを提案、コンペの応募18案の中から採用されました。

role
情報設計・ワイヤフレーム・デザイン
creation time
6日
tool
Photoshop Illustrator

歯科医院

オフィシャルサイト

2015

集患率の低下に伴うリニューアル案件。女性患者への訴求を中心に設計し、メインカラー（水色）を多用した清潔感のあるデザインを提案し採用されました。

role
情報設計・ワイヤフレーム・デザイン
creation time
6日
tool
Photoshop Illustrator

美容院

オフィシャルサイト

2016

年齢層の高い方に向けた、新規店舗開設に伴う制作。店舗のテーマである「オーガニック」から、植物等の画像を用いて落ち着きのある空間を表現しました。

role
情報設計・ワイヤフレーム・デザイン
creation time
4日
tool
Photoshop Illustrator

鍼灸整骨院

オフィシャルサイト

2016

スポーツを楽しむ20代～40代および女性をターゲットにしたリニューアル制作。多岐にわたる情報を整理し、キーカラーを効果的に用いたデザインを提案し採用されました。

role
情報設計・ワイヤフレーム・デザイン
creation time
6日
tool
Photoshop Illustrator

居酒屋

メニューデザイン

2017

飲み物メニューと料理メニューの2種を制作。飲み物メニューには商品画像を掲載し、味やイメージを想起させる訴求力を高めました。 料理メニューは手書き風との依頼があり、イラストを用いたデザインで制作ました。

role
デザイン
creation time
8日
tool
Photoshop Illustrator

飲食店

ロゴデザイン

2024

メインメニュー（煮込み料理）の特長を印象づける形をシンボライズし、筆文字の店名と組み合わせてデザインし採用されました。

role
デザイン
creation time
0.5日
tool
Illustrator

オンラインサービス

ロゴデザイン

2024

リニューアルするホームページに掲載するロゴ制作。サービス内容を図案化し文字と組み合わせて、サイトを訪れた人が一目で理解しやすいロゴを制作しました。

role
デザイン
creation time
0.5日
tool
Illustrator

歯科医院

ロゴデザイン

2024

新規開院する歯科医院のロゴ制作。具体的な依頼内容を忠実に再現し、キャラクター風の歯と筆記体ロゴを組み合わせてデザインしました。

role
デザイン
creation time
1日
tool
Illustrator

-Work efficiency / Teaching-

「てま」や「わからない」を解決

ITツールやAIを活用した仕組み化でクリエイティブな時間を創出。学生や初心者等へのティーチングもおこないました。

GASを用いた申請業務の自動化

2025

申請書類の記入から共有（Googleカレンダー入力）までの一連の業務について、GoogleWorkspaceを使用して自動化およびペーパーレス化。 数日かかっていた処理期間を数分に短縮しました。

role
Google Apps Script
creation time
1日
tool
Googleフォーム Googleスプレッドシート Googleカレンダー

関数を使用した入力業務の効率化

2025

予算執行の際に作成する2種の書類について、共通する入力項目を関数を用いることで作成時間を短縮し入力ミスを削減。 1～2年内にペーパーレス化を含めた新規システム導入予定があったため、簡易的な措置として行いました。

role
企画・設計
creation time
0.5日
tool
Microsoft Excel

AIを使用した議事録作成

2025

毎月数回行われる会議の議事録を、録音を聞き取りして手入力していたため、Google AI Studioを使用して作成時間を削減しました。

role
文字起こし・AIプロンプト・議事録整形
creation time
1日
tool
Google AI Studio 動画編集ソフト Word

プレゼン資料

2023

オープンデータ利活用の活動において、地域を見つめることで活性化につなげるアプリを企画し、プレゼン資料を作成しました。県のオープンデータサイトにて掲載。

role
企画・デザイン
creation time
1日
tool
Microsoft PowerPoint
url
長崎県オープンデータサイト

講義資料

2017

職業訓練の授業で、PC初心者の幅広い年齢層（20代～60代）の受講生向けに、複数の関数を使用した複雑な式を図解したスライドを作成しました。 Webでも公開（※現在は非公開）し、受講生がいつでも確認できるようにしました。

role
企画・デザイン
creation time
5日
tool
Microsoft PowerPoint

-Private works-

自主制作のWebサイト、Webデザイン、グラフィックデザインです。

Web Site

Web/App Design

Graphic

details of each

Webサイト画像

制作活動のサイト

オフィシャルサイト

2025

クラウドソーシングや個人請負制作用のサイト。メインビジュアルのアニメーションは、創造性や問題解決をイメージしてデザインしました。 JavascriptのほとんどをAIを使用して制作し、Web制作におけるAI活用について様々な試みをおこないました。

role
企画・ワイヤフレーム・デザイン・コーディング
creation time
10日
tool
Visual Studio Code Google AI Studio Photoshop Illustrator
url
https://sumlabo.com/
Webサイト画像

動物病院（架空）

オフィシャルサイト

2022

「誠実」「清潔感」をキーワードにブルーを基調にデザインし、スマートフォンではフッターに電話予約ボタン等を固定表示し、電話予約などアクセスの向上を目指しました。

role
企画・ワイヤフレーム・デザイン・コーディング
creation time
10日
tool
Dreamweaver Photoshop Illustrator
url
https://wabirin.com/portfoliosite/animalclinic/index.html
Webサイト画像

カフェ（架空）

オフィシャルサイト

2022

ファーストビューでコーヒーの香りや店内の雰囲気を感じられるように、トップページに動画を配置しました。 Web制作のブランクを補うために制作したもので、シンプルなレイアウトながらも動きを感じられるWebサイトを目指しました。

role
コーディング
creation time
8日
tool
Dreamweaver Photoshop Illustrator
url
https://wabirin.com/portfoliosite/cafeshop/index.html
Webサイト画像

和菓子店（架空）

オフィシャルサイト

2022

創業以来「てづくり」を大切にしている和菓子店をテーマに制作。キャッチコピーを添え、作業風景の動画を配置して「てづくり」感を強めました。 メニューを縦書きにし、明朝体のフォント、和紙をイメージした背景画像を用いるなど、和の雰囲気を感じられるデザインで制作しました。

role
企画・ワイヤフレーム・デザイン・コーディング
creation time
7日
tool
Dreamweaver Photoshop Illustrator
url
https://wabirin.com/portfoliosite/wagashishop/index.html
Appデザイン画像

アプリ

モバイルアプリ

2025

上った高さを累積して楽しむアプリのデザイン。地域の特色であり課題でもある「坂」と「階段」を楽しむアイデアとして、アーバンデータチャレンジに応募した作品です。 企画からデザインまで行い、Figmaでデザインとプロトタイプを作成しました。また、生成AIも活用して制作を進めました。

role
企画・デザイン
creation time
7日
tool
Figma Gemini
FigmaURL
Figma Figma（Prototype）
Webサイトデザイン画像

企業（架空）

オフィシャルサイト

2024

BtoBの物流会社のサイト。安心や誠実をイメージする青をメインカラーに、安定感のあるデザインを心掛けました。 最新のシステムを導入した物流会社という設定で、ファーストビューにはテクノロジーのイメージを組み合わせた画像を使用しました。

role
企画・ワイヤフレーム・デザイン
creation time
3日
tool
Photoshop Illustrator
image
画像表示
Webサイトデザイン画像

学習塾（架空）

オフィシャルサイト

2023

小学生から大学受験生までをターゲットにした学習塾という設定で、対象範囲が広いことから各年代の授業風景の画像を多用し、親しみや疑似体験感を強めました。 レイアウトに斜線を用いることで向上やスピード感、前向きさなどをイメージできるようにデザインしました。

role
企画・ワイヤフレーム・デザイン
creation time
5日
tool
Photoshop Illustrator
image
画像表示
Webサイトデザイン画像

ドーナツ店（架空）

オフィシャルサイト

2023

個人経営の小規模なホームページを想定したモバイルファーストのサイトデザイン。PC表示では背景固定でコンテンツ部分がスクロールし、 スマートフォンではコンテンツ部分のみを表示することで、制作期間の短縮やコストの軽減等につなげることを想定しました。

role
企画・ワイヤフレーム・デザイン
creation time
4日
tool
Photoshop Illustrator
image
画像表示
ランディングページデザイン画像

地域通貨促進LP（架空）

LP

2022

地域通貨の名称やマスコットキャラクターを設定し、イラストメインの親しみやすいデザインを目指しました。 一部（GooglePlayとAppStoreのボタンおよびモバイル非接触IC通信マーク）以外のすべてをIllustratorで描画しました。

role
企画・ワイヤフレーム・デザイン
creation time
5日
tool
Illustrator
image
画像表示
サンプルデザイン画像

ロゴ（架空）

アプリ

2024

一人暮らしや在宅勤務で「帰るコール」をしたくてもできない人のためのAIアプリのロゴデザイン。 AIをカエルのキャラクターに設定し、帰る（コールをする）のが楽しみになるアプリを考えデザインしました。

role
企画・デザイン
creation time
1日
tool
Illustrator
サンプルデザイン画像

ロゴ（架空）

動物病院

2024

ミニマルをテーマに、シンプルな線で円の中に犬と猫を配置し、病院名（こころ）をハートで表現して組み合わせて、認識のしやすさを意識してデザインしました。

role
企画・デザイン
creation time
0.5日
tool
Illustrator
サンプルデザイン画像

ラベル（架空）

ドレッシング

2024

ドレッシングの色味が引き立つカラーを用い、2種・2パターンのデザインを制作。伝統を感じながらもモダンなデザインを心掛けました。

role
企画・デザイン
creation time
2日
tool
Illustrator
バナーデザイン画像

バナー（架空）

飲料

2025

水分補給飲料の販促バナー。夜向けのミネラルウォーターであることから、夏の花火大会など屋外イベントでの利用を想起させるデザインで制作。 商品画像では生成AIも使用しました。

role
企画・デザイン
creation time
1日
tool
Google AI Studio Photoshop Illustrator