WEB DESIGN & BUILD
Webサイト・LP制作
目的や伝えたい想いを整理し、構成・デザイン・実装まで一貫して制作します。
- 構成・情報設計
- Webデザイン
- レスポンシブ実装
こんな方に新規サイトやLPを、企画段階からまとめて相談したい方
ABOUT ME
はじめまして、Hiroです。
Web Creator
Hiroki Horie
北海道札幌市を拠点にWebサイト制作を行っている堀江太樹です。アパレル企業での販売・店舗運営の経験を経て、Web制作の世界へ。「お客様に届ける」という視点を常に持ち、ビジネスの成果に直結するWebサイトを制作しています。
制作では、目的やターゲット、必要な導線を最初に整理します。効率化できる工程にはAIを取り入れつつ、構成・デザイン・操作性・表示速度・公開前の動作は人の目で丁寧に確認し、伝わりやすく運用しやすい形へ仕上げます。
制作して終わりではなく、公開後のサポートまで責任を持ちます。
ご相談から公開後まで、安心して活用し続けられるWeb制作をお届けします。
WORK STYLE
安心してご相談いただくために
ご相談から公開後まで、進行と対応範囲をわかりやすく共有しながら伴走します。
-
RESPONSE
2営業日以内お問い合わせへの返信目安
-
AREA
全国オンライン札幌を拠点に全国対応
-
PROGRESS
進行を見える化範囲・スケジュールを事前共有
-
SUPPORT
公開後も伴走運用・修正まで継続サポート
WORKS
制作実績
目的や業種に合わせて制作したWebサイトの一部をご紹介します。
掲載している6件は、設計・デザイン・実装スキルをご確認いただくための自主制作です。実案件での対応範囲や進め方は、ご相談時に個別にご案内します。
BLUE COLLAR
ヴィンテージアイテムの質感と世界観が伝わるよう、商品との出会いから購入までの導線をShopifyで設計・構築しました。
- TYPE
- 自主制作
- ROLE
- デザイン・Shopify構築
- FOCUS
- 商品の世界観・回遊性・購入導線
- RESULT
- 商品管理と購入体験を両立したECサイトとして公開
- Shopify
- テーマカスタマイズ
- レスポンシブ
＆FLOW
ブランドの世界観がひと目で伝わるよう、余白・配色・アニメーションの心地よさまで丁寧に設計しました。
- TYPE
- 自主制作
- ROLE
- デザイン・コーディング
- FOCUS
- 余白・配色・モーション設計
- RESULT
- レスポンシブ対応とモーションを実装
- HTML/CSS
- JavaScript
- レスポンシブ
Fleur
美容サロンの上質で落ち着いた世界観を、余白を活かしたレイアウトと柔らかな写真配置で表現しました。
- TYPE
- 自主制作
- ROLE
- デザイン・コーディング
- FOCUS
- 写真と余白による世界観づくり
- RESULT
- サロンの雰囲気とサービスが伝わるレスポンシブサイトとして公開
- HTML/CSS
- JavaScript
- レスポンシブ
匠建設株式会社
建設会社としての信頼感が伝わるよう、力強い写真を軸に情報とお問い合わせまでの流れを整理しました。
- TYPE
- 自主制作
- ROLE
- デザイン・コーディング
- FOCUS
- 事業・実績・お問い合わせ導線
- RESULT
- 信頼感と情報の探しやすさを両立
- HTML/CSS
- JavaScript
- レスポンシブ
AURORA MEDIA
広告メディア企業のスピード感を表現しながら、事業内容からお問い合わせまで迷わず進める構成にしました。
- TYPE
- 自主制作
- ROLE
- デザイン・コーディング
- FOCUS
- 情報整理とCTA導線
- RESULT
- 事業理解からお問い合わせまでの導線を整理
- HTML/CSS
- JavaScript
- レスポンシブ
Global standard
グローバルな信頼感と先進性が伝わるよう、情報設計からWordPressでの更新運用まで見据えて構成しました。
- TYPE
- 自主制作
- ROLE
- デザイン・コーディング・WordPress
- FOCUS
- 更新運用を見据えた情報設計
- RESULT
- WordPressでの更新運用を想定したデモ環境として公開
- HTML/CSS
- JavaScript
- レスポンシブ
- WordPress
SERVICE
提供サービス
Webサイト制作からCMS・EC構築まで、目的と運用に合わせてご提案します。
QUALITY CHECK
目的に合った設計から、細部の使いやすさ、端末ごとの表示、公開前の動作確認まで、人の目で一つずつ確かめて仕上げます。
CODING & MOTION
コーディング・修正
デザインの意図をくみ取り、レスポンシブ対応と心地よい動きまで丁寧に実装します。
- ピクセルパーフェクト
- レスポンシブ対応
- GSAPアニメーション
こんな方にデザインデータからの実装や、制作パートナーを探している方
WORDPRESS
WordPress構築
オリジナルテーマ制作からカスタム投稿設定まで。更新しやすく運用に強いサイトを構築します。
- オリジナルテーマ
- カスタム投稿 / ACF
- 更新しやすい管理画面
- 基本SEO設定
こんな方にお知らせや実績を、自分たちで更新できるサイトが必要な方
SHOPIFY
Shopify構築
Liquidによるカスタム開発とアパレル経験を活かし、購入につながる導線を意識して構築します。
- Liquid カスタマイズ
- セクション / ブロック開発
- ブランド世界観の再現
- 購入導線の設計
こんな方にブランドの魅力が伝わるECサイトを立ち上げたい方
どのサービスを選べばよいかわからなくても大丈夫です。現在のお悩みや目的を伺い、必要な内容から一緒に整理します。
無料で相談するFLOW
制作の流れ
ご相談から公開後まで、各工程で内容を共有し、ご確認いただきながら進めます。
-
ご相談・ヒアリング
目的・ターゲット・必要な機能・ご希望の時期を伺い、課題と優先順位を整理します。
-
ご提案・お見積り
サイト構成、制作範囲、スケジュール、お見積りをご提示し、内容をご確認いただいてから制作を開始します。
-
情報設計・デザイン
サイト構成とデザインを制作し、ご確認いただきながら方向性や細部を整えます。
-
実装・確認・公開
レスポンシブ対応やアニメーションを実装し、表示・動作確認を行ったうえで公開します。
-
公開後のサポート
公開後の更新・修正・運用改善についても、必要に応じてご相談いただけます。
制作期間はページ数や機能、素材の準備状況によって異なります。ご提案時に制作範囲とスケジュールを共有します。
HIRO CODE / AI WEB STUDIO / SAPPORO / DESIGNING WEBSITES THAT CARRY YOUR STORY /
HIRO CODE / AI WEB STUDIO / SAPPORO / DESIGNING WEBSITES THAT CARRY YOUR STORY /
FAQ
よくあるご質問
ご相談前によくいただくご質問をまとめました。
Q01相談や見積りは無料ですか？
はい、ヒアリングとお見積りは無料です。内容が固まっていない段階でも、お気軽にご相談ください。
Q02まだ依頼内容が固まっていなくても相談できますか？
はい。サイトの目的や現在のお悩みを伺い、必要なページや機能を一緒に整理してご提案します。
Q03コーディングだけでも依頼できますか？
はい。ご支給いただいたデザインデータをもとに、レスポンシブ対応やアニメーションを含めて実装できます。
Q04WordPressやShopifyにも対応していますか？
はい。WordPressのオリジナルテーマ制作や、ShopifyのLiquidカスタマイズに対応しています。
Q05制作期間はどのくらいですか？
ページ数や機能、素材の準備状況によって異なります。ヒアリング後に、作業範囲とあわせて無理のないスケジュールをご提案します。
Q06札幌以外からも依頼できますか？
はい。オンラインで全国からのご相談に対応しています。進行状況もわかりやすく共有します。
CONTACT
お問い合わせ
内容が固まっていない段階でも大丈夫です。現在のお悩みや目的から、一緒に整理します。
- 相談・お見積り無料
- 全国オンライン対応
- 2営業日以内に返信