サービス 06/9

フロントエンド実装・納品

デザインしたものは、自分で形にします。HTML、CSS、JavaScript、React。デザインからコードに移すときに、細部が抜け落ちることはありません。

含まれるもの

  • HTML・CSS・JavaScript
  • React・Next.js
  • 速くてアクセシブルなサイト
  • 本番環境への公開

進め方

デザインしたものは、自分でコードにします。デザインを受け取った誰かがそれを解釈し直す、いちばん多くのものが失われる工程がなくなるからです。余白もアニメーションも状態も、考えたとおりにコードに届きます。

技術はプロジェクトに合わせて選びます。その逆ではありません。AIseigenはHTML・CSS・JavaScriptにFirebaseとPHP、Kuri x KuriはNext.js・TypeScript・Supabase、MOTOR-SCOPEはReact・TypeScript・Tailwind・Firebase・Supabaseでつくりました。このサイトは小さなスクリプトで生成した静的なHTMLで、フレームワークは使っていません。必要なかったからです。

公開前にはLighthouseで表示速度とアクセシビリティを確認し、実機のスマホでテストします。ドメイン、Vercelやお使いのサーバーへのデプロイ、Search Consoleの設定といった公開作業も含まれ、チームで運用できるようにドキュメントもお渡しします。

得られるメリット

  1. デザインとコードのあいだで何も失われません。誰かが解釈し直すこともありません。
  2. 表示が速く、この先の成長にも耐えられるサイトに。
  3. アイデアから公開まで、窓口はひとつだけです。

実際に取り入れたプロジェクト

ほかのサービス