Sorrento

アフタービフォー01 私たちについて
名前の由来は、「新しい街」を意味するnovi gradです。このサイトに地図やグリッド、建物が登場するのはそのためです。
私たちは、デザイナーとエンジニアの小さなチームです。ウェブサイトごとに訪れる人を起点に構成を考え、ゼロからデザインし、コードも自分たちで書きます。そして、表示が速く、誰もが使いやすく、お客様のチームが更新しやすいサイトに仕上げます。
私たちについて詳しく02 サービス
デザイン、開発、コンテンツ制作、ホスティングを、最初のスケッチから公開後の保守まで一貫して手がけます。プロジェクトには、始めから終わりまで同じメンバーが携わります。
03 実績
最近のプロジェクトの一部をご紹介します。それぞれのサイトを、リニューアル前と後の両方でご覧いただけます。
実績ページへ04 制作の流れ
どのプロジェクトも、同じ6つのステップで進めます。今どの作業をしているのか、次に何をするのか、各ステップの終わりに何が納品されるのかが、いつでもわかります。
ワークショップやインタビューを行い、現在のサイトを分析します。目標、ターゲット、そしてウェブサイトに求められる役割を明確にします。
プロジェクト概要書 · 現状分析 · 成果指標
サイトマップ、ユーザーの動線、ワイヤーフレームを作成し、ビジュアルデザインに入る前に、すべてのページの構成について合意します。
サイトマップ · ワイヤーフレーム · コンテンツ計画
全ページのビジュアルをデザインし、デザインシステムと、実際に操作して確かめられるプロトタイプとして納品します。
デザインシステム · プロトタイプ · アニメーション仕様
サイトをコーディングし、CMSや外部サービスと連携させ、実機のスマートフォン、タブレット、スクリーンリーダーですべてをテストします。
本番用コード · CMS · テストレポート
コンテンツを移行し、リダイレクトとアクセス解析を設定して、サイトを公開します。その後、お客様のチームに運用方法のトレーニングを行います。
サイト公開 · リダイレクト · 運用トレーニング
保守プランで、サイトを最新・高速・安全な状態に保ちます。必要に応じて、改善のための作業時間を毎月確保することもできます。
保守プラン · レポート · ロードマップ
05 コード
ページビルダーや既製のテーマは使わず、サイトごとの目的に合わせてコードを書きます。そのため表示が速く、保守もしやすくなります。下のデモでは、CSSのルールを1つずつ適用して、コンポーネントのスタイルを整えていきます。
コードエディタにCSSを入力し、サンプルの記事カードに1ステップずつ適用していくアニメーションのデモです。
06 品質基準
公開するすべてのサイトを同じチェックリストで確認し、公開前にテストのスコアをお見せします。これらのチェックは、すべてのお見積りに含まれています。
公開時の目標スコア · Lighthouse
07 お客様の声
返信が早く、進捗の報告もわかりやすく、どのスマートフォンでもきれいに見えるサイトに仕上げてくれました。最初から最後までスムーズでした。
08 プラン
ご希望に近いプランをお選びください。内容をプロジェクトに合わせて調整し、作業を始める前に、内訳付きの固定価格のお見積りをお送りします。
小規模なサイトを、短期間で。
成長中の事業のための、本格的なウェブサイト。
大規模なサイト、ECサイト、ウェブアプリ。
公開後月額の保守プラン:保守・サポート・グロース。ホスティング、アップデート、バックアップ、改善に対応します。
全プランを比較