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