本文へスキップ

レスポンシブデザイン

ひとつのインターフェースで、あらゆる画面に — スマートフォンから大画面のデスクトップまで。

デバイスや画面サイズに合わせて自然に切り替わるインターフェースで、スマートフォンでもデスクトップでも変わらない使い心地を実現します。新規の構築はもちろん、既存ページも同じ水準に引き上げます。

  • 1つのコードで すべての画面に対応
  • スマホからPCまで 変わらない使い心地
  • 2000年創業 のソフトウェア開発実績
スマホ、タブレット、PC ひとつの設計、3つのレイアウト
レイアウトは画面に合わせて変わり、内容は変わりません。

対応範囲

手元の画面に合わせて設計

デバイスごとに別サイトを用意するのではなく、ひとつのインターフェースが画面に合わせて並び替わります。

  • スマートフォン

    小さな画面を最優先に

    ナビゲーション、フォーム、コンテンツを、親指での操作と縦に短い画面に合わせて配置します。

  • タブレット

    その中間のサイズも

    引き伸ばしたり押し込めたりせず、きれいに折り返すレイアウト。

  • デスクトップ

    ワイド画面

    幅を活かしながら、読みにくくならないコンテンツ。

  • 既存サイト

    既存ページを最新の状態へ

    固定幅のページを、デバイスに合わせて切り替わるレイアウトへ移行します。

アプリも開発する場合は、モバイルアプリ開発もご覧ください。

確認方法

「あらゆる画面で使える」とは、あらゆる画面で確かめるということです。

訪問者が実際に使うサイズで崩れなければ、はじめてレスポンシブと言えます。

  • スマートフォン、タブレット、デスクトップの各幅でレイアウトを確認
  • 小さな画面で横スクロールやコンテンツの見切れがないことを確認
  • マウスだけでなく指でも操作しやすいボタンとフォームのサイズ
  • 行の長さが異なるため、日本語と英語の両方のテキストを確認

ご依頼の流れ

お問い合わせからキックオフまで、4つのステップ。

日本語でも英語でもご連絡ください。バイリンガルの担当者が同じ言語でお返事します。

  1. ご要望をお聞かせください

    お問い合わせフォームまたは折り返しのご依頼から。システムでやりたいこと、利用者、希望時期など、おおまかな内容で構いません。

  2. NDA締結のうえ、オンラインでお打ち合わせ

    まず秘密保持契約(NDA)を締結し、オンライン会議でご要件、既存システム、制約条件を伺います。

  3. ご提案とお見積もり

    範囲、体制、スケジュール、そして最適な契約形態(受託開発・ラボ型開発・保守運用)をご提案します。

  4. バイリンガルPMとキックオフ

    担当PMが会議の進め方、報告、ツールを整え、チームが最初の成果物に着手します。

日本語バイリンガルでの開発

キックオフからリリースまで、日本語で。

JLPT合格エンジニア30名(N1〜N5)、バイリンガルのプロジェクトマネージャー3名、QAマネージャー2名。社内の語学・技術研修プログラムで育成したチームです。

私たちの働き方
  • 毎日10:00(インド時間)のチーム朝会と、日本語での進捗共有
  • 終業時の状況・進捗報告
  • 日本語と英語での詳細な週次報告
  • リリース前の日本語でのQA承認

よくあるご質問

最初によくいただくご質問

既存のサイトをレスポンシブ対応にできますか?

はい。まず現在のページを確認し、区切ったリリースで移行するため、移行中もサイトは動き続けます。

モバイルアプリも開発しますか?

はい。iOS・Androidアプリも開発しています。レスポンシブデザインはWebサイトとWebアプリケーション側を対象とします。

日本語と英語の両方に対応していますか?

はい。日本語と英語では折り返しが異なるため、すべての画面サイズで両言語を確認します。

日本語でやり取りできますか?

はい。進捗報告、ドキュメント、QA承認はすべて日本語で対応でき、週次報告は日本語と英語の両方でお届けします。