トップ制作事例一覧

2023.5.12 15:56

端末管理システム – モバックス博多駅前店

UX/UI

WEBアプリ

システム開発

 

システム開発にあたるすべての作業を一気通貫でお引き受けいたしました

  • ディレクション(企画・要件定義)
  • デザイン・UX/UIデザイン
  • 構築(フロント/バックエンド)
  • メンテナンス

店鋪内での業務効率化を図るため、弊社にシステムを活用したDXのご相談をいただきました。
担当者様と何度かヒアリングを行い、店鋪での通常の業務などを見学させていただいた上で必要なシステム要件を整理し、企画を行いました。

◽ 担当デザイナー/エンジニア:
亀元友弥(春野デザイン株式会社)

◽ 制作期間
ご相談・正式受注から約2ヶ月
 
 

ディレクション(企画・要件定義)

まずは、ヒアリングを行い課題を洗い出します。

実際の様子や日々の業務を見に店鋪も見学

いただいたヒアリングや、店鋪見学から作成するシステムの簡単な機能要件や構成を作成。

デザイン・UX/UIデザイン

まずは機能要件をもとに、全体のページ構成ワイヤーフレームの作成を行いました。
UX(ユーザーエクスペリエンス)を考えて、使用頻度の高い機能から順番にページを構成しました。

管理画面トップのダッシュボードには、本システムに関する「お知らせ」と、買取状況がひと目でわかる「買取カレンダー」を設置しました。

デザインカンプだけでは表現しずらい部分は、機能說明をいれて構築前にクライアントとの認識のズレを無くすようデザインしていきます。

構築(フロント/バックエンド)

作成したデザインカンプを用いて、まずはフロントエンド(見た目)の構築作業を行いました。
共通パーツや、共通ブロックごとにphpファイルをわけ、メンテナンス時の効率化を意識して作成を行いました。

機能追加時や、メンテナンナンス時に重複した改修作業を行わないで済むような作り方をしています。

見た目の確認をクライアントと実機で行いながら、ボタンのサイズや文字のサイズ感などを微調整します。

フロントの構築が完了したら、データベース構築をしバックエンドの構築を進めました。
※バックエンド構築に関するレビューは割愛します。

メンテナンス

はじめの月は、店鋪スタッフの方へ買取時のiPad操作などの研修も行いました。

また実際に使ってから気づいた点などは、フィードバックをいただきならテスト(デモ)環境にて改修・メンテナンスを行っております。

メンテナンスにも、弊社オリジナルのプロジェクトファイルを活用して進捗管理や機能要件整理などを行っています。

相談から提案・デザイン・構築まで一気通貫

弊社はマーケティングの相談から、デザイン、システム、アプリ開発など事業課題の解決に幅広く対応させていただいております。

制作スピードとコミュニケーションの品質にこだわり、余計なコストを発生させずに高品質な制作を行うよう日々技術を磨いております。

小さな事務所ですので一度に様々な仕事を抱えることが難しいこともありますが、なにかお困りのことがあった際は、ぜひ一度ご相談いただけるととても嬉しく思います。

 

春野ゆう
春野ゆう代表デザイナー
福岡市中央区のデザイン会社、春野デザイン株式会社の代表デザイナー。20歳でLINE Fukuoka株式会社 入社。LINE Qアプリ運営デザイン部に所属しデザインスキルを身に付ける。その後、DTPデザイン、WEBデザイン、アプリ開発などのスキルを身に着け、広告運用の実務を2年経験し会社を起業。