WordPress.comで運用されていた既存サイトをAstroでフルリニューアルし、ドメインもCloudflareへ移管しました。お知らせはmicroCMSで入稿した内容をビルド時に取り込み、Cloudflare Workersへデプロイしています。レンタルスペース事業ページではお問い合わせに加え、Googleカレンダーの予定と連携した予約フォームを実装し、予約済みの時間帯を選べないようにしています。更新はCMSから行える構成にし、静的配信による表示の速さと運用のしやすさを両立しています。デザインは知人デザイナーに依頼しました。
Astroで自主制作した架空のフラワーショップのウェブサイトです。ECサイトを想定し、商品一覧・カート・決済画面など複数ページを静的サイトとして構築しました。CSSでグリッドレイアウトを組み、ブレークポイントごとにカラム数や余白を調整しています。また、サムネイル画像にホバーエフェクトを追加しています。ヘッダーやフッターだけでなく、ボタンやカードUIなどをコンポーネントで共通化し、管理しやすい構成にしました。Cloudflare Pagesへデプロイして公開しており、Lighthouseのパフォーマンススコアは99です。
Astroで自主制作した架空のフォトグラファーのウェブサイトです。トップページを含め9ページの構成で、コーポレートサイトでよくあるサービス紹介・実績・お問い合わせフォームなどを実装しました。スクロールに連動するフェードインアニメーションは、パフォーマンスと依存関係を減らすことを考慮し、ライブラリを使わずバニラJavaScriptとCSSを使って自作しています。
掲載した以外の実績もございます。詳細はメールフォームよりお問い合わせください。 他にも、アニメーションなどのデモページも随時更新中です。