UI/UX設計・フロントエンド開発

ユーザーの使いやすさ・分かりやすさを考えたデザイン(UI)と
動的な動き(Front-End)も加え
使うのが楽しく、気持ちよくなるユーザー体験(UX)をめざします。

ニーズを満たす理想のサービスを実現

タイレルシステムズでは、各プロジェクトにてお客様・デザイン・開発がシームレスなチームとして共創することで
サービスデザイン/HCD/UCDの手法とリーン/アジャイルの手法を実現・継続できる
最適な組み合わせでご提案します。

  1. HTML5
  2. CSS3
  3. AngularJS
  4. BackboneJS

ワークショップ

Workshop

サービスデザインアクティビティデザイン

タイレルシステムズで行ってる様々なアクションは一緒にサービス(製品)を多角的に考えています。プラグマティックペルソナ(又はペルソナ)をシートに落とし込んでシナリオを使って具現化しユーザーの行動を分析します。
そういったアクションを行うことでユーザーの最適な経験とクライアントの目的を達成するための具体的な方向性を見つけることを目指しています。

  • ペルソナ

    Personas
    ペルソナはユーザーの価値観・パーソナリティ・行動パターンなどを調べ、そのデータを統合して作り上げたユーザーを代表する仮想の人物のことです。
    具体的なサービス構築に当たっては、プラグマティックペルソナの手法に始まりローンチ後のオーディエンス/カスタマーデータの分析・活用基盤の構築までサービスのフェーズに合わせた手法を組み合わせて実施します。
  • サービスブループリント

    Service Blueprint
    サービスブループリントとはサービスを検証、実装、メンテナンスするのに十分なほど詳細にサービスそのものとサービスの相互作用に関わる特徴を記述したオペレーションツールです。
    具体的なサービス構築に当たっては、サービスブループリントをサービス/機能ロードマップとして展開することも可能です。
     
  • カスタマージャーニーマップ

    Customer Journey Map
    顧客行動の分析ツール、カスタマージャーニーマップは「顧客の旅」という顧客の行動や心理にフォーカスし、サービス改善のヒントを探る手法です。
    具体的なサービス構築に当たっては、カスタマージャーニーマップ以外にもユーザストーリーマップなどのアジャイルの手法も状況に合わせ取り入れ、UIデザインとアジャイル開発の両輪を駆使して実施します。

ワイヤーフレーム&モックアップ

Wire-frame&Mockup

インタラクションデザイン

各プロジェクトには多くの関係者が携わることが多いため、効率的にコミュニケーションをとる必要があります。タイレルシステムズではプロジェクトに合わせたリサーチ、解析、ワークショップから集まった情報を基にワイヤーフレーム・ペーパープロトタイピング・モックアップを作成し、生産性を向上するために様々な工夫をしています。

  • ワイヤーフレーム

    Wire-Frame
    ワイヤーフレームはページ内のコンテンツの骨組みを固める設計図です。ワイヤーフレームを作成し共有することでクライアントとのコミュニケーションと作業者の作業がスムーズに進めます。
  • ペーパープロトタイピング

    Paper Prototyping
    ペーパープロトタイピングとは、紙で実際にアプリやサイトを実装することです。軽くスケッチだけでコンテンツのシミュレートができるため時間とコストを大幅に節約することが可能です。
  • モックアップ

    Mockup
    モックアップはワイヤーフレームやデザイン段階で試作される、外見を実物そっくりに似せて作られた実物大の模型です。プロジェクトで動的なパーツを作成し動きを確認することが可能です。

ユーアイデザイン&フロント-エンド デブ

UI design&Front-end dev.

UI実制作

ユーザーがサービスの目的に共感してポジティブな体験を感じてもらうための優れたUIは必要不可欠です。
視覚的なデザインはもちろんユーザーのアクションに合わせたインタラクティブなインターフェイスまで構築を行います。

  • ビジュアルデザイン

    Visual Design
    タイレルシステムズでは視覚的な表現・メッセージをより上手く伝えることを目的にしています。
  • ユーザーインタフェース

    User Interface
    表面上の美しさだけではなく、システムの仕様まで理解し、画面的・機能的・操作的な面を考慮したデザインを提供します。
  • 動的なインフォグラフィック

    Dynamic Infographic
    データベースと連動などでデータを視覚的・動的に表現し、ユーザーが分かりやすく楽しめるコンテンツを提供します。
Work With TYRELLSYS
DIRECTOR ・ FRONT-END DEV. ・ DESIGNER ・ ILLUSTRATOR
career

自由闊達にして
愉快なる創造集団

TYRELLSYS CREATIVE TEAM

私たちはいつも新しいコトを求めて挑戦し続けています。
自由な発想で楽しく仕事ができる場を作るのが我々のミッション!