PORTFOLIO

春 · やわらかい色で、制作の記録をまとめています。夏 · あかりを、配色に少しのせています。初秋 · 空気に合わせて、色味を整えています。秋 · 落ちつきを、ゆず色に混ぜています。冬 · あたたかさを、ゆず色で残しています。

YuzumaruWorks

QAエンジニアの視点と、デザイン・Web・アプリづくりの実践をまとめたポートフォリオ。

ゆずまる
Yuzumaru
QA Engineer & Creator

Yuzumaru / ゆずまる

「品質」と「温かみ」、そして「挑戦」を。

普段はQAエンジニアとして品質に向き合いながら、プライベートでは3児のパパとして育児に奮闘中。
限られた時間の中でアイデアを形にするため、生成AIを相棒にした制作にも取り組んでいます。

このサイトは、スタンプ・Web・アプリなど、これまでに手がけたものの紹介です。

DESIGN

LINEスタンプ

ゆるふわな日常から、家族・ペット・音大生まで、シリーズごとに作っています。 新作は増えていくので、ここでは世界観の入口だけを置いています。全作品はLINEスタンプの作者ページへ。

制作には生成AIも使っています。量より、キャラの温度感と「送りたくなる一言」を優先しています。

WEB

公開したあとも、季節に合わせて整える

田中久美子音楽教室 PC
田中久美子音楽教室 SP
Web / 継続

田中久美子音楽教室

Next.jsTailwindVercel

知人の出張ピアノ・声楽教室のWebサイトです。作って公開して終わりではなく、季節ごとのデザインとコピー、空き状況、LINEからの問い合わせ導線まで続けて整えています。

  • ・春・夏・新学期・秋・冬で、色とキャッチコピーを切り替え
  • ・体験案内やキャンペーン用の印刷ページも、同じサイト基盤で作成
  • ・スマホでの読みやすさと、実機での見え方を確認しながら更新
公開中のサイトを見る

季節ごとの見え方

公開中(新学期・残暑)
公開中(新学期・残暑)
夏のビジュアル
夏のビジュアル
秋のビジュアル
秋のビジュアル
田中久美子音楽教室 講師紹介セクション

講師紹介など、中面の見せ方も教室の空気に合わせて調整しています。

LINE公式アカウント(チャット・リッチメニュー)
LINEからの問い合わせも、サイトと同じ体験に

Webだけでなく、公式アカウントのリッチメニューも制作しました。予約や講師紹介へ、トーク画面からそのまま進めます。

  • ・体験レッスン予約や講師紹介への導線
  • ・季節の案内と食い違わないメニュー構成
  • ・初めてでも迷いにくい自動応答

「素敵なHPを作ってくれてありがとう!生徒さんからも『ホームページが見やすかったから』という理由でのお問い合わせが増えました。LINEの使い方も丁寧に教えてもらえて助かりました。」

— 田中久美子音楽教室 代表

APP

公開中サービス

たびのしおり PC
たびのしおり SP
2026.9.18 公開App / 公開

たびのしおり

旅の準備から、行ったきろくまで。

ReactTypeScriptFirebase

2026年9月18日にサービスを開始した、家族・友だちと旅行をしおりとして共有するWebアプリです。 予定・持ち物・お土産・費用・きろくを1冊にまとめ、リンクを送ると相手の画面にも反映されます。

  • ・一緒に編集するリンクと、登録不要の見るだけリンク
  • ・立て替え精算、持ち物チェック、印刷用の紙面
  • ・Firebase で認証・同期。一度開いた旅行はオフラインでも閲覧できる
サービスを見る
たびのしおり サンプル旅行の一覧

旅行ごとにカードで見やすくまとめることができます。 これからの予定と終わった旅が分かれて並び、行き先・日程・予算が一目でわかります。

絶賛開発中

家族の時間を、ゆっくり温める。
Android App "KotoKoto"

お鍋がコトコト煮込まれるように、家族の関係を温かく育てたい。
そんな想いから生まれた、タスク管理アプリです。

🌱 名もなき家事の見える化

見過ごされがちなタスクを可視化し、やった人が報われる仕組みに。

🤝 タスクを「バトン」に

義務としての作業ではなく、家族への「信頼のバトン」として捉え直す。

🎨 温かいUIデザイン

攻撃的な色は使わず、通知も「警告」ではなく「エール」として届けます。

最終段階に入っています。QAの視点で使いやすさを確認しながら開発を続けています。