これはWeb制作のポートフォリオとして作成したサンプルサイトです。実在の企業・団体・店舗とは関係がなく、記載の内容・数値・体験談はすべて架空のものです。

HTML / CSS / JavaScript

Portfolio

デザインとコードで、
伝わるWebサイトをつくります。

武蔵野美術大学出身デザイナーとの2名体制。
LP・HP制作・レスポンシブ対応・アニメーション実装まで一貫して対応します。

HTML / CSS BEM設計 レスポンシブ Vanilla JS LP制作 HP制作

制作実績

Feuille café
Café HP

Feuille café

東京・表参道の架空カフェHP。余白と配色にこだわった高級感のあるデザイン。スクロールフェードイン・ホバーアニメーション実装。

HTML/CSS レスポンシブ アニメーション
サイトを見る →
自治体サイトのサンプル
Gov HP

自治体サイト（架空）

官公庁らしい公式感と大都市の都会感を表現。背景スライドショー（クロスフェード）・ケンバーンズ効果・ニューステッカー実装。

HTML/CSS スライドショー Unsplash
サイトを見る →
FitCore LP
Gym LP

FitCore — パーソナルジム LP

架空のパーソナルジムのLP。無料カウンセリング予約に特化した構成。カウンターアップ・CTAパルス・グレースケールホバーなど複数のアニメーションを実装。

LP設計 CV最適化 JS Animation
サイトを見る →
そらいろ訪問介護 採用LP
Recruit LP

そらいろ訪問介護 — 採用LP

架空の訪問介護事業所の採用LP。メッセージアプリの友だち追加（登録）をゴールに1点集中させた構成。スマートフォン前提で設計し、下部固定CTA・アコーディオンFAQ・募集要項テーブルを実装。

採用LP 登録CV設計 モバイルファースト
サイトを見る →
記事サンプル
Articles

記事サンプル（3本）

EC市場／AIと著作権／教育の3ジャンル。公的機関の資料を実際に開いて確認し、出典と確認日を本文に残す書き方の作例。確認できなかったことは「確認できなかった」と明記しています。

ライティング 一次情報の確認 出典の明示
記事を読む →

使用技術 / スキル

HTML5 CSS3 / BEM CSS Grid / Flexbox CSS Custom Properties Vanilla JavaScript IntersectionObserver レスポンシブデザイン Google Fonts Unsplash 素材 アクセシビリティ対応