foreground-image

デザインTシャツストアグラニフ

  • design-icon Created with Sketch.

    デザイン - モバイルアプリのUI / UXデザイン。

  • research-icon Created with Sketch.

    リサーチ - ユーザビリティテストと機能検証。

  • development-icon Created with Sketch.

    開発 - iOSおよびAndroidアプリ、APIを使用したRuby on Rails Webサービス。

  • サポート - 7年間にわたるオンデマンドサポートの関係。

background-image background-image
  • design-icon Created with Sketch.

    デザイン - モバイルアプリのUI / UXデザイン。

  • research-icon Created with Sketch.

    リサーチ - ユーザビリティテストと機能検証。

  • development-icon Created with Sketch.

    開発 - iOSおよびAndroidアプリ、APIを使用したRuby on Rails Webサービス。

  • サポート - 7年間にわたるオンデマンドサポートの関係。

graniph-screens

グラニフは日本のアートアパレルのパイオニアであり、日本とアジア太平洋地域に100を超える店舗があります。

彼らは、顧客をオンラインおよび物理的な店舗に誘導する過程で、常に移動する東京の買い物客に超高速ファッションを紹介する方法を望んでいました。

Tacchiは、グラニフの社内オンラインサービスチームおよびサードパーティのeコマースプロバイダーと緊密に連携して、既存のeコマースシステムと統合して毎日新しいリリース、店舗ごとのリアルタイムの在庫を表示するiOSおよびAndroidアプリとWebサービスを作成しましたレベル、ニュース、プロモーション、GPS対応の店舗検索。

その結果、日本の全国的なアパレルブランドの最初のアプリの1つとなり、顧客エンゲージメントとオンライン販売が著しく増加しました。

graniphとの関係は7年以上にわたって継続され、その間、アプリの更新とシステム統合の維持が続けられました。 2017年に、彼らは社内でアプリのメンテナンスを行ったプライベートエクイティ会社に買収されました。

iOSAndroidアプリの
デザイン開発

graniphは、顧客が毎日モバイルアプリに戻って新製品のリリースを確認することを想定していました。これを実現するには、広範な製品カタログを閲覧する際のより深い、より遅い相互作用を損なうことなく、迅速で楽なマイクロインタラクションとして新製品への即時アクセスを提供するUIを設計する必要があることを知っていました。そのため、graniphのチームでは、静的設計から迅速に反復されるデバイス上のプロトタイプに迅速に移行し、実際の使用で新しいアイデアをテストし、設計に必要な改善を加えられるようにしました。

graniph-ios-and-android-t-shirt-search-screens pointing-hand-with-red-manicure
graniph-app-usability-testing-interview-conducted-at-graniph-store
インタビューを行う調査スペシャリスト

Tacchiでは、モバイルプラットフォーム間のネイティブUIの違いを非常に重視しているため、設計プロセスのもう1つの中心的な焦点は、iOSとAndroidの両方のユーザーにネイティブ感覚のエクスペリエンスを提供し、各プラットフォームの設計理念とUIガイドラインに忠実であることですグラニフの視覚的なブランドアイデンティティを維持しながら。

設計のパフォーマンスが最適であることを確認するために、リリース前後のさまざまな時点で機能の検証とユーザビリティテストを実施しました。これにより、お客様に役立つ機能を提供し、問題なくアプリでさまざまなタスクを実行できるようになりました。

主な機能

  • 日々の新商品リリースへの素早いアクセス。

    graniph-ios-app-screen-access-to-product
  • 商品カタログ全体のカテゴリベースのブラウジング。

    スワイプ可能な画像、サイズ変更、リアルタイムでの店舗在庫チェッカーにより、お客様が求めるデザインサイズが、選択したグラニフショップで在庫があるか確認。

    pointing-hand-with-red-manicure graniph-ios-app-screen-category-based-browsing
  • 商品を購入できるオンラインストアへのアクセス。

    graniph-ios-app-screen-passthrough-to-online-store
  • Googleマップを統合したGPS対応の店舗検索。

    徒歩距離の表示と道順を含む最寄りの店舗の表示が可能。

    graniph-ios-app-screen-gbs-enabled-store-locator
  • お気に入り商品リスト管理。

    graniph-ios-app-screen-favorite-product-list
  • ニュースリストと表示。

    graniph-ios-app-screen-news-article
  • クーポンの配布およびニュース更新に関するプッシュ通知。

    graniph-ios-app-screen-push-notifications
  • 日本語と英語のバイリンガルインターフェイス。

    graniph-ios-app-screen-english-japanese-interface

Webサービスシステムの統合

graniphのeコマースパートナーが運営する既存のサービスを過度に複雑化することなく、アプリにデータと画像の高速ストリームを提供するために、Webマイクロサービスを構築する必要があると判断しました。これは、Ruby on Railsを使用して構築されました。

graniph-app-system-integration-diagram

主な機能

  • graniph-ecommerce-system-to-web-service-icon

    商品、在庫、店舗、ニュースなどのデータを自動的に収集するECサービスとの統合。

  • web-service-to-app-icon

    JSONベースのRESTful APIを介したアプリへのデータ提供。

  • management-of-user-sessions-icon

    お気に入りの製品、ストア、プッシュ通知設定などを保存するためのユーザーセッション管理。

  • caching-and-optimization-of-product-images-icon

    モバイルデバイスで画像を素早く確実に表示し、電波が悪い状況での使用を可能にするための、商品画像のキャッシュと最適化。

  • sending-of-push-notifications-icon

    Apple Push Notification ServiceおよびGoogle Cloud Messagingを介して、関心を持つユーザーにプッシュ通知の送信。

継続的なサポート

Tacchiにとって、ブランドパートナーとの長期的かつ密接な関係を構築することは非常に重要です。 7年以上にわたり、私たちはアプリとWebサービスを維持およびサポートし、グラニフと協力して改善しました。また、2017年にプライベートエクイティ企業が買収した際にプロジェクトを社内チームに引き渡す前に、より幅広い技術と設計の問題について彼らに相談し、将来の計画を立てることができました。

他のプロジェクト

一緒に働きませんか?

プロジェクトに関するご相談やご質問など、お気軽にお問い合わせください。