当社HPリニューアル

FIG.01 — MAIN VISUAL

[ 01 // OVERVIEW ]

当社HPのリニューアル

すでにSTUDIOのテンプレートで作成したあった当社サイトをオリジナルデザインで再構築した。最新AIを組み合わせ、デザインから実装まで行いました。

既存のサイトの情報を残しながら実装。PC・タブレット・スマートフォンのすべてで崩れないようブレークポイントを調整しました。

CLIENT

MaizonWebSolutions（メゾンウェブソリューションズ）

SCOPE

デザイン / コーティング / レスポンシブ対応 / 公開設定

PAGES

TOP / CMS / Contact / Modal / 404

TOOL

STUDIO / Canva / Claude Code / Claude Design

SITE

https://maisonwebsolutions.com/

↗

[ 02 // APPROACH ]

課題と、それに対して行ったこと

ISSUE 01

デザインの忠実な再現

AIを使用しながら作成したデザインを元に忠実に再現し、ＡＩで補完できない部分は修正を加えながら実装しました。

ISSUE 02

レスポンシブ対応

レスポンシブ対応を実装。PC・タブレット・スマートフォンのいずれでもレイアウトが崩れないよう調整しました。

ISSUE 03

動きのあるデザイン

コードを追加で記入することにより、テンプレートとは違うデザインを作成しました。

ISSUE 04

公開と動作確認

公開設定と各ページの表示・リンクの動作を確認。独自ドメインの設定、ＤＮＳ設定まで問題なく行っております。

[ 03 // GALLERY ]

FIG.02 — RESPONSIVE / PC・スマートフォンでの表示

[ 04 // VOICE ]

当社ＨＰなので割愛

— クライアント様レビューより

← PREV CASE

宿泊施設ホームページ

NEXT CASE →

不動産会社のコーポレートサイト制作

← 実績一覧に戻る / ALL WORKS

[ NEXT // CONTACT ]

まずは、お気軽にご相談ください。

制作の裏側や進行中のプロジェクトの一部をSNSで発信しています。Web制作の考え方、STUDIOの活用方法、公式LINEの導線設計など、日々の気づきを丁寧にまとめています。

CONTACT FORM

arrow_forward

LINEで相談

call_made

MAIL. maisonwebsolutions@outlook.jp

ADD. TOKYO

RES. 通常2営業日以内にご返信