micomia

Our Works

開発実績

UI/UXにこだわった使いやすいアプリの開発をはじめ、幅広い制作実績をご紹介します。

Design Philosophy

micomiaのUI/UX設計思想

micomiaでは「最小で最大」という設計思想のもと実績を積み重ねてまいりました。
ユーザーが快適に使えるアプリを開発するためのmicomiaの設計思想は「詳細を見る」からご覧いただけます。

詳細を見る

Design & Development

オーダーメイド開発実績

医学部ファイル管理アプリ メディカルサークル
オーダーメイド

医学部ファイル管理アプリ メディカルサークル

医学部生向けノート・ファイル共有アプリ　メディカルサークル:医学部生が日々のノートや講義資料を整理・共有できるモバイルアプリ「メディカルサークル」を開発しました。ファイルを管理でき、同じ大学・科目を学ぶ学生同士で資料を共有・検索できる体験ができるアプリです。時間割と連動した「今日の授業」セクションから、写真を撮ってタイトルを付けるだけでノートが整理される整理のしやすい操作感を重視して設計しました。iOS / Android の両プラットフォームに対応し、FlutterとFirebase をフル活用したサーバーレス構成で仕上げています。明快なサービス導入画面アプリの特徴を3画面でまとめました。オンボーディング画面と呼ばれるアプリの特徴を説明する画面を設けることでダウンロード後の会員登録せずに離脱してしまう可能性をできる限り低くしています。このアプリを使うメリットをユーザーに理解してもらい納得感をもって会員登録していただくための仕組みです。シンプルでわかりやすいUI時間割やノートなど情報が散乱しがちですが、メディカルサークルでは情報が増えてもごちゃごちゃしないことを核にノートの記録のしやすさと情報の整理されている気持ちよさの両立を目指して設計を行いました。変更も容易なmicomiaのデザインマイページと呼ばれるユーザー情報の閲覧や編集、各種手続きができる画面ではアプリの世界観が及ばず事務的になりがちなアプリも多いです。今回micomiaではマイページまでスタイリッシュでシンプルなUIを心掛け、ユーザーのやりたいことが最短できるための設計を行いました。プロダクト情報クライアント：西村 様（個人）iOSはこちらAndroidはこちらクレジットプロジェクトマネージャー：畑井皓介UI/UX 設計：畑井、宮城開発：宮城品質保証：森本

FlutterFirebaseReact
園芸サポートアプリ グリラボ
オーダーメイド

園芸サポートアプリ グリラボ

園芸に興味はあるものの、「何をすればいいかわからない」「続かない」といった課題を持つ初心者の方は多く存在します。こうした背景のもと開発されたのが、初心者向け園芸サポートアプリ「グリラボ」です。本プロジェクトでは、継続できる体験設計AIによるサポートゲーム性によるモチベーション維持を軸に、従来の園芸アプリとは異なるアプローチでプロダクト設計を行いました。プロジェクト概要プロダクト名：グリラボカテゴリ：園芸サポートアプリ対象ユーザー：園芸初心者対応プラットフォーム：iOS / Android開発内容：UI/UX設計、AI機能設計、機能開発、改善運用UI・機能紹介トップ画面ユーザーが最初に触れる画面として、以下を重視しました。必要な情報が一目でわかる構造次にやるべき行動が明確視覚的に楽しいデザイン「迷わない導線設計」により、初回利用時の離脱を防止しています。カレンダー機能植物の記録や作業履歴を可視化する機能です。日別の作業履歴を確認可能継続状況を可視化記録を習慣化する設計「続ける理由」を作る重要な機能となっています。AI相談機能初心者の最大の障壁である「わからない」を解消する機能です。植物の状態に応じたアドバイス初心者でも理解できる言葉での説明次にやるべき行動を提示検索ではなく「相談できる体験」を実現しました。マイガーデン育成している植物を管理する画面です。画像重視の直感的なレイアウト操作のシンプル化行動導線の最適化「使いやすさ」と「迷わなさ」を両立しています。実際にmicomiaではグリラボを活用して社内で植物をレモンとサンセベリアを育てています。＊旧画面デザインです。現在は自分の植物という名称で提供されています。特徴的な機能1. AIによる園芸サポートユーザーの状況に応じた具体的なアドバイスを提供し、初心者でも安心して育成できる環境を構築。2. スタンプラリーによる継続促進ゲーム性を取り入れることで、日々の記録を楽しい体験へ変換。3. 価格ガイド機能剪定や庭作業の相場を可視化し、外注への心理的ハードルを低減。業者に問い合わせる前にグリラボが相場を教えてくれます。成果本プロジェクトにより、以下の価値を実現しました。初心者でも始めやすいUXの実現継続率向上につながる設計AIによる体験価値の向上園芸のハードルを下げるプロダクト化単なる「機能提供」ではなく、「続けられる体験」を設計した点が特徴です。開発のポイント（micomiaの強み）本プロジェクトでは、単なる実装ではなく以下を重視しました。UI/UXを起点とした設計実際のユーザー体験を前提とした改善AIを組み込んだ新しい体験設計「使われるアプリをつくる」という思想を体現したプロジェクトとなっています。まとめグリラボは、「初心者でも続けられる園芸体験」をテーマに設計されたアプリです。UI・AI・体験設計を組み合わせることで、従来の園芸アプリにはなかった価値を実現しました。今後も継続的な改善を通じて、より多くのユーザーにとって価値のあるプロダクトへ進化させていきます。プロダクト情報クライアント：有限会社関戸園芸 様iOSはこちらAndroidはこちらクレジットプロジェクトマネージャー：井上UI/UX 設計：岡田開発：松本、宮城、佐久間品質保証：岡田

FlutterFirebaseiOSAndroid
建設廃材フリマアプリ Mate-Re:
オーダーメイド

建設廃材フリマアプリ Mate-Re:

建設廃材フリマアプリ　Mate-Re:建設現場で出る廃材を扱う専門フリマアプリ「Mate-Re:」を開発しました。現場では新品同様の廃材が多く発生する一方で、再利用の仕組みがなく、廃棄されてしまうケースが少なくありません。既存のフリマサービスでは、建設業界特有の条件や取引フローが合わず、現場で使いづらいという課題がありました。そこでmicomiaでは、建材の出品・検索・取引に最適化したUI/UXを設計し、現場担当者が迷わず使えるフローを実現しました。欲しい商品の状態をすぐに確認出品物が目立つUIのため詳細画面に移動しなくても状態を確認することが可能です。資材の状態は建設現場での利用を考えるともっとも必要な取引上の観点のため状態確認の手間を減らすための画面設計となっています。近くの資材や関心のある資材にすぐにアクセスマップ上で近くの出品物を簡単に把握できたり、おすすめアイテムとして関心のあるカテゴリーの出品物を表示してくれます。継続的な取引を効率化してくれる機能となっています。取引から出金申請までをスムーズに取引終了後は売上金を確認できます。売上金の把握と出金申請は初めての方でもわかりやすい画面設計になっています。プロダクト情報クライアント：日本プラミング株式会社 様iOSはこちらAndroidはこちらクレジットプロジェクトマネージャー：畑井UI/UX 設計：鈴木開発：迫田、宮城品質保証：岡田、赤井

iOSAndroid

Demo Applications

デモアプリケーション・システム

NGワード検出APIサーバー
デモ

NGワード検出APIサーバー

micomiaでは、アプリ開発やWebサービス開発の中で「APIサーバーの設計・構築」を数多く行っています。その技術をわかりやすく体験できるように、誰でも会員登録して実際に使える「NGワード検出APIサーバー」を公開しています。これは単なるツールではなく、「APIサーバーをどのように設計し、運用するのか」を体験できるサンプルシステムです。今回はSNSアプリ、掲示板、チャットサービスなどで必要になる「不適切投稿の検出」をテーマにしています。このAPIでできることこのAPIでは、送信されたテキストを解析し、不適切な投稿やNGワードの可能性を検出します。例えば次のような用途で利用できます。・SNSアプリの投稿チェック・コメント欄のモデレーション・チャットアプリの不適切発言検出・コミュニティサービスの投稿監視APIにテキストを送信するだけで判定結果が返るため、アプリ側では簡単にNGワードフィルター機能を実装できます。利用方法APIの利用方法は非常にシンプルです。会員登録ダッシュボードでAPIキーを発行APIキーをヘッダーに含めてリクエスト送信例：POST /v1/moderation Header Content-Type: application/json X-API-KEY: your-api-keyBody { "text": "判定したいテキスト" }このようにAPIにテキストを送信すると、判定結果がJSONで返却されます。利用制限本APIは展示用のため、過剰な利用を防ぐために制限を設けています。・短期レート制限→ 10秒に1回・1日あたり→10リクエスト・最大文字数→2000文字実際のプロダクトでは、これらの制限は用途に応じて変更できます。ダッシュボードダッシュボードでは次の操作が可能です。・APIキーの発行・利用方法の確認・APIリクエストログの確認カスタマイズできるポイントこの展示はあくまでサンプルのため、実際のプロダクトでは以下のようなカスタマイズが可能です。1.ロジック今回は不適切ワードの検出をテーマとして行いましたがシステム化できるものであれば基本的に何でもAPIサーバーとしてサービスを提供することが可能です。2. 利用制限レート制限はサービスに応じて調整できます。例・1秒10リクエスト・1日1000回・ユーザーごとの制限など柔軟に設定できます。3.API認証方式現在はAPIキー認証ですが、以下のような方式にも変更できます。・JWT認証・OAuth・ユーザー認証連携4.ログ管理API利用ログは・分析用ログ・不正検知・課金管理などの用途に応じて拡張できます。

APIサーバークラウドセキュリティ
アーティスト向けポートフォリオサイト
デモ

アーティスト向けポートフォリオサイト

本記事では、アーティスト向けに開発したポートフォリオサイトの開発背景と設計思想についてご紹介します。サイトはこちら本プロジェクトでは、「作品を魅せること」に徹底的にフォーカスしながら、更新や運用のストレスを極限まで減らすことを目的としました。背景：作品は良いのに、伝わらない多くのアーティストが抱える課題はシンプルです。「作品はあるのに、見せ方で損をしている」一般的なポートフォリオサイトでは、・テンプレート感が強い・SNSの延長で作品が埋もれる・更新が面倒で放置されるといった問題が発生します。特に、アーティストにとっては「作品そのものが主役」であるにも関わらず、UIや構造がそれを邪魔してしまうケースが多く見られました。課題：表現と運用がトレードオフになっている従来のポートフォリオサイトには大きく2つの問題があります。1. 世界観を作ると管理が難しくなるデザインにこだわるほど、更新や編集が複雑になる2. 管理画面が無機質でモチベーションが下がる管理画面は「作業ツール」になりがちで、創作体験と断絶しているつまり、「かっこいいサイト」か「使いやすいサイト」かどちらかを選ばざるを得ない構造になっていました。解決：世界観ごと設計する今回のプロジェクトでは、このトレードオフを解消するために設計思想を根本から見直しました。コンセプト「作品を見る体験」と「作品を登録する体験」を一致させるこれにより、・表現のクオリティを落とさない・更新の心理的ハードルを下げるという両立を実現しています。特徴①：作品を主役にするUI設計UIは極限まで情報を削ぎ落とし、作品そのものに視線が集中する構造にしています。・余白を活かしたレイアウト・不要な装飾の排除・直感的なナビゲーションこれにより、ユーザーは「サイトを見る」のではなく「作品を見る」体験に没入できます。特徴②：管理画面も世界観を統一通常のCMSとは異なり、管理画面もフロントと同じ世界観で設計しています。これにより、・「作業感」が消える・更新自体がクリエイティブ体験になるという変化が生まれます。特徴③：直感的に使える操作設計操作は極限までシンプルに設計されています。・画像をアップロードするだけで掲載・ドラッグ操作で並び替え・複雑な設定は排除結果として、「考えなくても使える」状態を実現しています。特徴④：自己ブランディングを最大化ポートフォリオは単なる作品一覧ではなく、「自分をどう見せるか」の設計が重要です。本サイトでは、・作品の見せ方・順序・余白まで含めて設計することで、アーティストのブランド価値を最大化しています。まとめ：使われ続けるポートフォリオへ今回の開発で重視したのは、「作って終わりではなく、使われ続けること」です。・世界観と操作性の両立・更新したくなる管理画面・作品を最大化するUIこれらを一体として設計することで、単なるポートフォリオではなく「表現の場」として機能するプロダクトになりました。

ReactFirebaseCMS
【SNSサービス向け】AIリアクション・コメントシステム
デモ

【SNSサービス向け】AIリアクション・コメントシステム

AIによるリアクション生成スタジオフォトでは、この課題を解決するために、AIによるリアクション生成システムを搭載しています。投稿された写真に対して、・いいね・コメントなどのリアクションを自動で生成します。これにより、サービス初期でもタイムラインに自然な反応が生まれ、ユーザーが投稿した写真に対して一定のリアクションが返る仕組みになっています。ランダム性を持たせたアクション設計AIのリアクションは単純な自動処理ではなく、ランダム性を持たせた設計になっています。例えば・すぐに反応する場合・少し時間が経ってから反応する場合・いいねのみ・コメント付きのリアクションなど、実際のSNSのような自然な動きになるよう調整されています。これにより、ユーザーから見たときに違和感の少ないタイムラインが生成されます。ダミーユーザーによるコミュニティ形成本デモでは、あらかじめ5名のダミーユーザーを用意しています。これらのユーザーが投稿やリアクションを行うことで、SNSの初期状態でも一定の活動があるように見える仕組みになっています。実際のサービス開発では、このような仕組みを利用することで、コミュニティの立ち上げをスムーズに行うことができます。スタジオフォトとはスタジオフォトは、写真を投稿して共有できるシンプルなSNSのデモアプリケーションです。ユーザーは撮影した写真を投稿し、他のユーザーの写真を閲覧したり、いいねやコメントを行うことができます。本サービスは、写真共有SNSの基本機能を体験できるだけでなく、SNSサービスの立ち上げ時に課題となる「初期ユーザー問題」を解決する仕組みを実装したシステムを搭載しています。SNSサービスを開発する際の技術構成やUX設計、AIリアクション・コメントシステムを確認できるデモとして公開しています。実装されている主な機能スタジオフォトでは、写真SNSの基本機能を実装しています。・写真投稿・タイムライン表示・いいね機能・コメント機能・ユーザー管理・AIによるリアクション生成これらの機能を通して、SNSアプリケーションの基本構造を体験できます。カスタマイズ可能なポイントこの展示システムはデモのため、さまざまなカスタマイズが可能です。例えば・AIコメントの生成ロジック・ダミーユーザー数・リアクション頻度・投稿アルゴリズム・タイムライン設計など、用途に応じて調整できます。実際のサービスでは、AIを活用してコミュニティの活性化を支援する機能として拡張することも可能です。技術展示としての目的スタジオフォトは、SNSアプリケーション開発の技術を体験できる展示システムです。写真共有SNSの基本構造だけでなく、・ユーザー体験の設計・コミュニティ形成の仕組み・AIによるリアクション生成といった、実際のサービス運用を想定した設計を確認できます。micomiaでは、このようなSNSアプリケーションの開発や、AIを活用したサービス設計にも対応しています。

AIWebアプリSNS

Contact Us

まずはお気軽にご相談ください

開発サービスのご相談はいつでも承っています。
お見積り・ご相談は無料です。

お問い合わせはこちら