
Overview
プロジェクト概要
神奈川県相模原市のWeb制作事務所「AmotDesign(アルファモットデザイン)」のホームページを制作しました。空と雲、鳥をモチーフにした水色の世界観で、最初の画面にコピー「ホームページであなたの未来に+αの幸せを。」を配置しています。
すぐ下に3つの強み(女性向け・企業向けデザインが得意、はじめての方でも安心フォロー、公開後のサポートもお任せ)を番号付きで並べました。続けて、制作実績(WORKS)、中小企業や個人事業を応援するというコンセプト、料金表・制作の流れ・制作会社様からのご依頼・よくあるご質問への案内、お知らせ、お問い合わせを配置しています。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 業種
- Web制作・デザイン
- ロール
- サイト設計 / デザイン / フロントエンド実装 / レスポンシブ対応
- 技術
- HTML5 / CSS3 / JavaScript / レスポンシブ対応
TOP — トップページ
はじめて依頼する人にも分かりやすい、制作事務所サイト
サイトの入口となるトップページを、PC版・スマホ版で掲載しています。木目と空の背景を交互に使ってセクションを区切り、強み → 実績 → コンセプト → 料金・流れ → お問い合わせ、の順に読める構成にしました。料金や制作の流れなど、依頼前に知りたい情報への入口をアイコン付きのカードにまとめています。
- 空と鳥をモチーフにしたファーストビュー
- 3つの強みを番号付きで紹介
- 制作実績とコンセプトを写真付きで掲載
- 料金・制作の流れ・質問へのカード型の案内
全体をスクロールしてご覧いただけます

Results
成果
やさしい世界観のデザインで事務所の強みと実績を伝え、はじめての方でも相談しやすいホームページとして制作しました。
Tech Stack
HTML5CSS3JavaScriptレスポンシブ対応
