デザインデータを拝見させていただくことで、より正確なお見積りをご提示することが可能です。 しかしながら、事前にお見積りが必要となる場合が多いかと存じますので、構成資料やデザインのイメージから概算お見積りをご提案させていただくことも可能です。 お問合せページの参考料金もご参考ください。
必須ではありませんが、以下の資料をご用意いただけると、よりスムーズにお見積りを進めることができます。

概算お見積りに参考になる資料:
- サイトマップ（全体のページ構成）
- 構成資料（具体的なページ内容や機能要件）
- 想定するアニメーションイメージ
- 必要な機能（例: フォーム、更新機能、EC機能など）
- 対応言語

Adobe Illustrator, Figma, Adobe XDなど

通常、納品時にはコンパイル済みのデータ（HTML/ CSS/ JavaScriptコードおよび関連アセット）をお渡しいたします。 納品後に運用や改修を予定される場合で、コンパイル前の開発データ （画像の自動出力プログラムやその他自動化プログラム、SCSSファイル、TypeScriptコード、Pug出力用Javascriptコード、Pugテンプレートなど）をご希望の場合は、事前に使用技術の確認や開発環境の調整を行う必要がございます。 これには、弊社独自技術の制限や再構築作業が含まれるため、別途費用が発生する場合がございます。 あらかじめご了承ください。 納品後のサポートや独自技術に関するライセンス条件については、別途ご相談いただけます。 さらに詳しい情報は、”開発コードのライセンスについて”の項目をご覧ください。

- レスポンシブ対応
- スクロールに応じたフェードイン
- キービジュアルの画像スライド
- ページ内のスライド
- 開閉式ナビゲーション
- Youtube動画のiframe埋め込み
- Google Mapのiframe埋め込み
- Retina画像対応

- マウスオーバー（1Step Transition）
複数のパーツを個別に動かすアニメーションや、複雑なアニメーションをご希望の場合には、別途お見積もりをご提案させていただきます。

単位はremを使用します。 ディスプレイサイズに合わせて伸縮されて表示します。 実際のレスポンシブの動きは当室が実装した”枚方市立生涯学習交流センター・枚方市立市駅前図書館　KINI NARU” をご参考ください。 上記以外のレスポンシブの挙動をご希望の場合は事前にご相談ください。

- 対応デバイス: PC&スマートフォン (TabletはPCと同じ)
- ブレイクポイント: 1箇所
- 対応ブラウザ: Chrome, Safari, Edge, Firefoxの最新

- ページ遷移アニメーション
- ファビコンのデザイン作成
- お問合せフォーム
- Google Spread Sheetとの連携
- Instagram連携
- CMSでの縦書き
- 合成フォントの利用
- 404ページ
- スマートフォンの横向き対応
- タブレットの縦向き対応
- ブレイクポイントの追加
- その他

- 游ゴシックと游明朝は2024年現在推奨されません。
- Google Fontの場合、日本語書体はメトリクスをOFFにする。
- オプティカルはOFFにする。
- 独自の約物設定は反映できません。
- 両端揃えはIllustratorと各ブラウザで結果が異なるため、使用できない場合がございます。
- Illustratorご利用時は、アートボードや画像の座標が、小数点にならないようご制作いただきますようお願いいたします。

画像の自動出力プログラムやその他自動化プログラム、SCSS、Javascript、Pugについては、弊社の独自開発技術が含まれる場合がございます。 そのため、これらを納品する際には以下の条件が適用されます。

- スクリプトの提供範囲や利用条件については、別途契約書にて取り決めさせていただきます。
- 開発環境の再構築や動作確認のためのサポートが必要な場合、別途費用が発生いたします。
- たとえば、限定的な利用ライセンスの場合は、ご契約プロジェクト内でのみご利用可能です。