制作内容考え方進め方運営者
PLEN日本語
お問い合わせ

Iskra.

誰かのためにサイトをつくる前に、まず自分のためにつくりました。お客様にお見せしているものは、すべてここにあります。明確な料金を載せたサービス、仕事の進め方、そしてお客様がモックアップにコメントを残せるシステムです。

公開中のサイトを見る iskratech.com
Iskraのウェブサイトのファーストビュー。オレンジの八角形をあしらった暗い背景に、ポーランド語のキャッチコピー「Odpal swoją firmę w sieci.」(「あなたのビジネスを、ウェブで立ち上げる。」という意味)。

火花

始まり

Iskraには当初、見せられる実績が一件もありませんでした。だから最初の実績は、自分自身のサイトである必要がありました。最初のバージョンは2026年4月に公開し、それ以来、事業とともに育ち続けています。

課題は二つありました。具体的な情報と価格を求める小さな会社の経営者を納得させること。そして同時に、分かりやすい言葉の裏にしっかりとした技術があると示すことです。

没入

つくり方

暗い背景に、オレンジのアクセントを一つ。そしてページを開くと動き出す、ロゴの三つの八角形。動きは読みやすさを助ける場所にだけあり、内容を隠すことはありません。

キャッチコピーの三つの言葉、「火花」「没入」「実体」には、サイト内に専用のセクションがあります。制作実績のページはどれも、この三つの言葉で構成されています。このページも例外ではありません。

実体

中のしくみ

6つのサービスページには、それぞれ明確な料金表、質問と回答、検索エンジン向けのデータがあります。お問い合わせフォームはメールを送信し、画像の文字を入力させることなくボットを除外します。

サイトと並行して、プレビューのシステムが動いています。お客様はパスワードで保護されたモックアップのリンクを受け取り、ページ上の特定の場所に固定したコメントを残せます。

技術的な判断
コードに関心のある方へ
Next.js 15、App Router、React 19

ページはサーバー側または静的にレンダリングされるため、JavaScriptが届く前にコンテンツを表示できる状態になっています。

GSAPとScrollTrigger、CSSによる安全策

スクリプトが動かなかった場合や、システムでアニメーションをオフにしている場合でも、すべてのコンテンツが表示されます。

next/fontによるフォント配信

BornaとJetBrains Monoは同じドメインから配信され、閲覧中に外部サーバーへリクエストを送ることはありません。

JSON-LD:ProfessionalService、Service、Offer、FAQPage

Googleが会社情報、サービス、料金、質問と回答を理解できる形で受け取ります。

ResendとCloudflare Turnstileによるフォーム

お問い合わせはメールで届き、クリックして解くCAPTCHAなしでボットを除外します。

NeonとVercel Blobによるモックアップのプレビュー

モックアップは非公開のストレージに保存され、それぞれに専用のパスワード付きリンクからアクセスします。