アイコン：snsのXのロゴ
アイコン：snsのXのロゴ
写真：抽象背景

Web Corder Sayuri's Portfolio

scroll

Message ご挨拶

写真：仕事部屋

はじめまして！WebコーダーのSayuriと申します。
現在、WordPressサイトの構築や既存サイトの修正・改修など、 実務案件に携わっています。
お客様のご要望を丁寧にヒアリングし、 認識の行き違いが生じないよう整理・確認を行いながら、 一つひとつの制作を大切に進めています。
このポートフォリオでは、これまでの制作物や対応内容をご紹介しております。 ぜひご覧ください。

Works 制作・対応事例

これまでに制作したWebサイトや対応事例をご紹介しています。当サイトも制作事例の一つとしてご覧いただけます。
*制作会社案件など、公開できない実績もございます。
*一部のサイトにはBasic認証を設定しています。
ユーザー名：demo ／ パスワード：demo にてご覧いただけます。

  • 写真：Daily Designオンラインショップ

    Daily Design

    • Shopify
    • 構築
    • 約3週間

    メタフィールド設計 / ギフト機能 / 導線設計

  • 写真：Fleur Sereineオンラインショップ

    Fleur Sereine

    • Shopify
    • 構築
    • 約3週間

    ギフト機能 / カラー絞り込み機能 / Shopify Flowによる自動化

  • 写真：SUISOPOTサイト

    SUISOPOT

    • LP
    • 構築
    • 約1週間

    複数スライダー / 比較表 / アコーディオン

  • 写真：GlobalStandardサイト

    Global Standard

    • コーポレートサイト
    • WordPress
    • 構築
    • 約2週間

    カスタム投稿 / アニメーション / 複数フォーム

  • 写真：OpenCafeサイト

    Open Cafe

    • コーポレートサイト
    • WordPress
    • 構築
    • 約3週間

    カスタム投稿 / Pickup記事表示 / Instagram連携

  • 写真：#見つけて尾道レトロキャンペーンサイト

    #見つけて尾道レトロキャンペーン！

    • LP
    • 構築
    • 約3週間

    複数スライダー / アコーディオン / レイアウト調整

Service 提供サービス

お客様の想いを形にするWeb制作を行っています。「Webサイトを作りたい」「今のサイトをもっと使いやすくしたい」など、お悩みやご希望に応じたサポートをいたします。お気軽にご相談ください。

  • Webサイト制作

    お客様のご要望をもとに、 Webサイトの構築を行います。
    WordPressやShopifyなど、ご要望に応じた構築に対応しています。
    デザインカンプをもとに、 見た目の再現だけでなく、使いやすさや更新のしやすさにも配慮して実装いたします。
    また、既存サイトの修正・改修に多く携わってきた経験を活かし、 公開後の修正や運用を見据えた構造で構築し、 保守性や拡張性にも配慮したサイト制作を行っています。

  • Webサイト修正

    「少し崩れてしまった」「スマホでの表示を調整したい」など、 既存のWebサイト（WordPress・Shopify・LPなど）の修正・改修を中心に対応しています。
    コードや構造を確認しながら原因を整理し、適切な修正を行います。
    また、機能追加や不具合の原因調査・修正対応、サイト全体の構造調整などにも対応しており、 既存の仕様や環境に配慮しながら、丁寧に改修を進めています。
    テキスト変更からレイアウト調整まで、内容に応じて柔軟に対応しておりますので、お気軽にご相談ください。

  • Webサイト相談

    「Webサイトを作りたいけれど何から始めればいいかわからない」 「今のサイトを見直したい」「修正や改修ができるか知りたい」 「自分のサイトにどのような構成や機能が合っているか知りたい」など、 Webサイトに関するさまざまなご相談に対応しています。
    ご要望や状況を丁寧に整理しながら、 必要な対応や進め方を一緒に考え、ご提案いたします。
    制作方法や構成についても、 内容に応じて最適な形をご案内いたします。
    制作前の段階でも、お気軽にご相談ください。

Work flow 制作の流れ

ご相談〜納品までの大まかな流れです。状況に応じて柔軟に対応いたします。

  1. STEP 1

    アイコン：見積もり

    ご相談・お見積もり

    まずは、お客様のご要望をお聞かせください。サイトの目的や要件、納期、ご予算などをヒアリングし、進め方を整理しながらご提案いたします。対応内容に応じたお見積もりをお送りいたしますので、ご検討いただけますと幸いです。

  2. STEP 2

    アイコン：パソコン

    コーディング

    デザインカンプをもとに、意図を正しく反映しながらコーディングを行います。認識のズレが生じないよう、不明点はその都度整理・確認しながら丁寧に進めています。

  3. STEP 3

    アイコン：確認

    確認・修正

    コーディング完了後、表示や動作に問題がないかをご確認いただきます。ご希望や気になる点があれば調整を行い、最終確認を経て仕上げていきます。

  4. STEP 4

    アイコン：アップロード

    納品

    最終調整が完了したら、コーディング後のファイル一式を納品いたします。ご希望があれば、本番サーバーへのアップロード作業にも対応可能です。納品後も、ご不明点があればお気軽にご相談ください。

About 私について

写真：プロフィール写真

1985年生まれ、熊本県在住。美容学校卒業後、百貨店の美容部員として勤務。 結婚を機に退職し、家庭と両立できる働き方を模索する中でWeb制作に出会いました。
オンラインスクール「デイトラ」でWeb制作を学び、 現在はフリーランスのWebコーダーとして活動しています。

現在、WordPressサイトの構築を中心に実務案件に携わり、Shopifyサイトの構築・カスタマイズにも取り組んでいます。
デザインの意図を踏まえたコーディングを行うことに加え、 認識のズレが生じないよう、不明点は事前に整理・確認しながら丁寧に進めています。
また、サイト全体の構造を把握しながら、 保守性や拡張性を考慮した実装を大切にしています。

趣味は料理とワイン。美味しいものが好きで、料理や食事の時間が好きです。 無添加でどこまで美味しくできるかを楽しみつつ、麹作りにも取り組んでいます。
朝活での筋トレも日課です。

Skill : HTML / CSS（Sass） / JavaScript（jQuery） / PHP / WordPress / Shopify（Liquid）

Tools : Figma / XD / Photoshop / Illustrator

Contact : Chatwork / Zoom （ご希望の方法で対応可能です）

*WordPressはオリジナルテーマ・SWELL・Snow Monkeyに対応可能です。
*Shopify（Dawnテーマ）を中心に、カスタマイズ（Liquid）にも対応しています。

How I work 大切にしていること

意図を言語化し、整えて実装する。

制作では、いただいたご依頼をそのまま形にするのではなく、意図や背景を整理しながら進めることを大切にしています。 ご依頼内容をもとに、目的や前提を確認しながら進めていきます。
必要に応じて確認や質問を重ねながら認識をすり合わせ、要件が曖昧な場合も内容を明確にした上で実装しています。 また、見た目の再現だけでなく、更新頻度や運用方法も踏まえながら実装しています。 実装中に気づいた点についても、必要に応じて確認やご提案を行っています。 確認や共有もスムーズに進められるよう意識し、 相手にわかりやすく伝えることを意識しています。

Contact お問い合わせ

ホームページ制作のご相談やお見積りはこちらからお願いいたします。通常２４時間以内にご返信させていただきます。

必須
必須
必須
必須
に同意しますか？