ほしのわ — Web制作ポートフォリオ

Sky Coffee

#カフェ風LP #シンプル設計

※この作品は無料コーディング練習所の課題をもとに制作しています。

START 採用サイト

#採用LP #レスポンシブ

※この作品は無料コーディング練習所の課題をもとに制作しています。

WDC Event LP

#BEM #CSS変数 #レスポンシブ

※この作品は無料コーディング練習所の課題をもとに制作しています。

ENGBODY ジムLP

#英語xトレーニング #SVG波背景 #JSタブ/アコーディオン

※この作品は無料コーディング練習所の課題をもとに制作しています。

ディープブルーツアーズ
新規サイト制作（トップページ）

#2カラムレイアウト #HTML / CSS実践

※レジャー向けサービスサイトのTOPページコーディングの仮想案件です。

ミライプロダクション
スタッフ紹介ページ制作

#複数ページコーディング #パンくずリスト #SNS連携 #レスポンシブ

※スタッフ紹介ページ（トップ・一覧・詳細）のコーディングを行った仮想案件です。仕様書と確認事項一覧を読み取り、要件を反映させました。

AZCOT進学塾
特設サイトLP制作

#LPコーディング #Retina対応 #SVG活用 #OGP設定 #追従ボタン

学習塾向けの特設LP制作を行った仮想案件です。Retina対応・OGP設定・SVG画像の活用など、ビジュアルと実装両面からのスキルを習得しました。

Green Suds
LP制作

#ヒーロースライダー #フェードイン #モーダル #アコーディオン #Swiper

ナチュラル系ボディソープのブランド商品特設サイトを想定した仮想案件です。写真やSVGを活かしたLP構成に加え、モーダル表示やスライダーなどを実装しました。

如月工業株式会社
コーポレートサイト制作

#コーポレートサイト #レスポンシブ対応 #グローバルナビ #スライダー実装

建設会社のコーポレートサイト制作を想定した仮想案件です。TOPページを中心に、複数のブレークポイント対応やスライダー実装などを行いました。

TSUDOI BASE
貸会議室サイト制作

#複数ページコーディング #貸会議室サイト #フォームUI #地図表示

貸会議室サービスのWebサイトを想定した仮想案件です。TOPページと会議室詳細ページを制作し、部屋情報・アクセス情報・予約フォーム風のUIを整理して実装しました。

The Azure Cove
リゾートホテルサイト制作

#ホテルサイト #動画背景 #ハンバーガーメニュー #スクロール演出

リゾートホテルのWebサイトを想定した仮想案件です。動画を用いたファーストビューや、宿泊・レストラン情報を整理した構成、スクロールに合わせた見せ方を実装しました。

HTML/CSSを中心に、
丁寧に形にする。