WORKS
制作実績一覧
corporate
コーポレートサイトです。ネット上で配布されているカンプデータをもとに作成しました。 フロントエンド：HTML / CSSデザイン参照：Figmaデプロイ：GitHub Pagesバージョン管理：GitHub 工夫した点： インデントの設定：パディングを効かせることで、レスポンシブ時にインデントが効い…
詳細
Travel Blog
旅行系ブログ風のWEBサイトです。ネット上で配布されているカンプデータをもとに作成しました。 フロントエンド：HTML / CSSデザイン参照：Figmaデプロイ：GitHub Pagesバージョン管理：GitHub 工夫した点： セマンティックなマークアップ：構造化された情報伝達を意識し、main…
詳細
bookstore
書店のサイトです。ネット上で配布されているカンプデータをもとに作成しました。 フロントエンド：HTML / CSS デザイン参照：Figma デプロイ：GitHub Pages バージョン管理：GitHub 工夫した点： セマンティックなコードの理解：適切なタグを使用することを意識しました。 レイア…
詳細
mywork
フォトグラファーのポートフォリオサイトです。ネット上で配布されているカンプデータをもとに作成しました。 フロントエンド：HTML / CSS デザイン参照：Figma デプロイ：GitHub Pages バージョン管理：GitHub 工夫した点： セマンティックなコードの理解：適切なタグを使用するこ…
詳細
Real Estate Site
企業の不動産事業を紹介するランディングページです。シンプルながらも企業イメージに合わせた落ち着いた配色で、情報を順序立てて伝えられる構成にしました。アニメーションやモーダルウィンドウなど、動きのある要素も取り入れて、視覚的に退屈させないよう工夫しています。 フロントエンド：HTML / CSS（Fl…
詳細
動物病院
カンプ（Figma）をもとに作成した動物病院のランディングページです。シンプルな構成ながら、背景画像とテキスト・画像のバランスやレスポンシブ対応など、UIレイアウトを丁寧に整えました。 フロントエンド：HTML, CSS デザイン参照：Figma バージョン管理：GitHub 工夫した点： grid…
詳細
THE LITTLE CAFE
カンプ（Figma）をもとに作成したカフェ紹介のランディングページです。シンプルな構成ながら、背景画像とテキスト・画像のバランスやレスポンシブ対応など、UIレイアウトを丁寧に整えました。 フロントエンド：HTML, CSS（Flexbox） デザイン参照：Figma デプロイ：Render バージョ…
詳細
YelpCamp
Node.jsとExpressを用いて開発した、キャンプ場の情報を投稿・共有できるレビューサイトです。ユーザー登録・ログイン機能を備え、レビュー投稿や編集、削除が可能です。 フロントエンド：EJS, Bootstrap バックエンド：Node.js, Express データベース：MongoDB A…
詳細