politeliving様

費用目安：100,000円（デザイン、コーディング（トップ+下層3ページ）、WordPress化、お問い合わせフォーム等）

Planning / Design / HTML,CSS / JavaScript / WordPress /

家事代行をされているpoliteliving様のサイトを制作させて頂きました。
サイトのデザインは、運営されているブログからインスピレーションを得ています。
CSSはSassを利用し、サイト自体はWordPressのオリジナルテーマで構築。
その他、JavaScriptでの動きのある装飾や、お客様が更新しやすいように「サービスページ」「料金ページ」にはWordPressのカスタムフィールドを使用しています。
お問い合わせはWordPressプラグイン「Contact Form 7」を使用。

デイトラ オンラインスクール課題：LP制作

費用目安：25,000円〜（コーディング、各種カスタマイズ、）

HTML,CSS / JavaScript

オンラインスクール、デイトラの課題として作成。
HTML、Sass（FLOCSS設計）、JavaScriptを使用。
SassはFLOCSSで構造を整理し、保守性と拡張性を意識した設計にしています。JavaScriptでは、スムーズなスクロールや動的なコンテンツ表示を実装し、ユーザーにとって快適な操作感を提供できるようにしています。

オリジナルコーポレートサイト

HTML,CSS / JS / WordPress

費用目安：120,000円〜（コーディング（トップ+下層6ページ）、WordPress化、各種カスタマイズ）

このプロジェクトでは、HTML、CSS、JavaScriptを使用してレスポンシブなコーポレートサイトを構築しました。
WordPressをCMSとして利用し、カスタムフィールドを活用して、クライアントが簡単にコンテンツを更新できるように設計しました。
また、SassをFLOCSSの手法で管理し、効率的なスタイリングと保守性の高いコードを実現しています。

Netflix Cloneアプリ

HTML,CSS / React / Typescript / Tailwind

Netflixのクローンアプリを制作しました。
参考元：【React+TypeScript】Netflixのクローンを作るチュートリアル

React、Typescriptで構築し、TailwindCssで装飾しています。
映画データーベースサイトのTMDBのAPIを使い、映画情報を取得。
クリックで予告動画を表示。

当サイト

HTML,CSS / JS

このサイトは、HTML、CSS、JavaScriptを使用して構築しました。
github pagesで管理しています。