Frontend Engineer デザインの魅力を 丁寧にWebサイトへ。
Works
制作実績
これまでに制作したWebサイトの一部をご紹介します。
Service
できること
-
01
Frontend Coding
HTML / CSS / Sass / JavaScript を用いたWebサイト実装を行います。デザインの意図を丁寧に汲み取り、レイアウト・余白・アニメーションまで含めて再現性と保守性を意識したコーディングを行います。
-
02
Shopify Development
Shopifyテーマを活用したサイト構築・カスタマイズに対応します。Liquidによる実装、既存テーマの表示調整、ブランドイメージに合わせたデザイン反映を行います。
-
03
UI / UX Design Support
ユーザーが迷わず目的の行動へ進めるよう、情報の見せ方やボタン配置、予約・お問い合わせまでの導線を意識したUI調整を行います。
-
04
Responsive Design
スマートフォン・タブレットなど、様々な画面サイズに対応したレスポンシブサイトを構築します。どのデバイスでも見やすく、使いやすい表示を心がけています。
Coding
HTML / CSS / Sass / FLOCSS
JavaScript
JavaScript / GSAP / Swiper
Shopify
Shopify / Liquid / Theme Customization
External Service
Formspree / Sesami
Design Tool
Figma / Illustrator
Policy
制作で大切にしていること
-
01
デザインを忠実に再現
デザインの意図を丁寧に汲み取り、余白やレイアウト、細かな表現まで忠実に再現することを大切にしています。見た目だけでなく、デザイナー様やクライアント様が意図した情報設計まで理解しながら実装を行います。
-
02
運用まで見据えた実装
公開して終わりではなく、公開後の更新や運用まで考えた実装を心がけています。可読性や保守性を意識したコーディングはもちろん、Shopifyでは管理画面から更新しやすい構造づくりも大切にしています。デザイナー様や制作会社様とも連携しやすいよう、後から修正や機能追加がしやすい実装を行います。
-
03
ユーザー体験を意識した導線設計
ユーザーが迷わず目的の情報へたどり着き、お問い合わせや予約などの行動につながる導線を意識しています。デザインやアニメーションだけでなく、成果につながる体験を考えながら実装を行います。
-
04
丁寧なコミュニケーション
安心してご依頼いただけるよう、丁寧で誠実なコミュニケーションを大切にしています。ご要望や目的をしっかり理解し、進捗共有やご相談を行いながら、一緒に良いサイトを作り上げていきます。
For Clients
こんな方へ
Webサイト制作からShopifyサイトの構築・カスタマイズまで、 目的や課題に合わせた実装をご提案しています。
制作会社様の実装パートナーとしてのご依頼はもちろん、 事業者様からの直接のご相談にも対応しております。
-
01
制作会社・Web制作チームの方
実装パートナーをお探しの制作会社様。
- コーディングを任せられる外部パートナーを探している
- Shopify案件にも対応できる実装担当を探している
- デザインの再現性を大切にしてくれるコーダーがほしい
- 公開後の保守・運用を見据えた実装を依頼したい
- 案件ごとに柔軟に依頼できる実装担当を探している
-
02
Shopifyサイト運営者・導入検討中の方
Shopifyサイトの構築・改善・カスタマイズをご検討中の方。
- Shopifyテーマでは表現しづらいデザインを実装したい
- ブランドイメージに合わせてテーマをカスタマイズしたい
- 既存テーマの見た目や表示を整えたい
- 予約システムや外部アプリを導入したい
- 公開後も更新しやすい構成にしたい
- Shopifyでできることを相談したい
-
03
事業者・サービス運営者の方
Webサイトの制作・改善をご検討中の方。
- サービスの魅力を分かりやすく伝えたい
- 予約やお問い合わせにつながる導線を作りたい
- 現在のWebサイトを改善・リニューアルしたい
- スマートフォンでも見やすく使いやすいサイトにしたい
- 公開後も更新しやすいサイトを作りたい
About
私について
宮川 雄樹 / フロントエンドエンジニア
HTML / CSS / Sass / JavaScript を用いたWebサイト実装に加え、ShopifyテーマのカスタマイズやLiquid実装にも対応しています。 デザインの再現性と、公開後の運用まで見据えた保守しやすい実装を大切に制作しています。
-
デザインの再現性
余白・フォント・レイアウトなど細部まで丁寧に再現し、デザインの魅力を損なわない実装を心がけています。 -
運用を見据えた実装
公開後の更新や修正のしやすさを考慮し、可読性・保守性を意識したコーディングを大切にしています。 Shopifyでは管理画面から更新しやすい構成づくりも意識しています。 -
丁寧なコミュニケーション
救急医療現場での勤務経験を通して、状況を整理しながら多職種と連携する力を培いました。 その経験を活かし、制作チーム内でも円滑なやり取りと進捗共有を大切にしています。
経歴
北海道大学理学部地球物理学科を卒業後、地域の総合病院にて救急診療の事務職として勤務。 救急患者の受け入れや医療スタッフのサポートなど、医療現場を支える業務に携わりました。
2023年よりWeb制作の学習を開始し、HTML / CSS / JavaScript を中心としたフロントエンド技術を習得。 現在はWebサイト制作やShopifyサイトのカスタマイズを中心に、制作会社様・デザイナー様の実装パートナーとして活動しています。
学習の過程や制作実績、日々の活動をnoteやInstagramで発信しています。
料金目安
※料金は目安です。内容・ページ数・実装範囲によりお見積りいたします。
Shopifyテーマカスタマイズ
¥50,000〜
案件内容に応じてお見積り
テーマカスタマイズ / デザイン反映
Liquid実装 / セクション追加 / アプリ導入
Webサイトコーディング
¥200,000〜
TOP＋下層3ページ程度
レスポンシブ対応 / デザイン支給
LPコーディング
¥80,000〜
1ページ / レスポンシブ対応
デザイン支給
フロントエンド実装からShopifyカスタマイズ、Webサイト制作一式まで幅広く対応しております。
Shopifyサイト制作一式（デザイン〜公開）
¥500,000〜
※Shopifyテーマを活用したECサイト・サービスサイトの構築に対応しています。Liquidカスタマイズ、予約システム・外部アプリ導入などもご相談可能です。
Webサイト制作一式（デザイン〜公開）
¥450,000〜
※コーポレートサイト・サービスサイト・LPなどに対応しています。提携デザイナーと連携し、要件整理から公開まで一貫してサポートいたします。
※公開後の保守・運用についても、ご要望に応じて信頼できるパートナー企業と連携し、ご提案いたします。
ご予算や目的に合わせて、
最適な制作方法をご提案いたします。