本文へ移動

デザインを、
長く使えるWebへ。

制作会社やデザイナーの実装パートナーとして、HTML / CSSコーディングとWordPressサイトの構築を行っています。

支給されたデザインをもとに、画面幅ごとの表示や操作を確かめながら実装します。公開後の修正や更新も見据え、あとから手を入れやすい形で納品します。

実装から公開前の確認まで

お預かりしたデザインをもとに、Webサイトを実装します。

HTML / CSSコーディング、WordPressサイトの構築、公開前の確認を主に承っています。打ち合わせと実装を同じ担当者が受け持ち、ご要望を直接伺いながら進めます。

SERVICES

対応している業務

HTML / CSSコーディングを中心に、WordPressサイトの構築、既存サイトの修正・更新、既存コードの確認をお引き受けします。

01

デザインデータをもとにしたHTML / CSSコーディング

Figmaなどのデザインデータをもとに、余白や文字組み、画面幅ごとの見え方を確認しながら実装します。見た目の再現だけでなく、文書構造を整え、あとから修正しやすいコードに仕上げます。

LPや一部ページのみのコーディングも承ります。

  • HTML / CSS
  • Responsive
  • Semantic markup
02

WordPressサイトの構築・改修

WordPressテーマ「Snow Monkey」を使用し、主な更新作業をブロックエディターで行えるように構築します。更新担当者が扱いやすく、制作担当者が変わった場合にも引き継ぎやすい構成に整えます。

小規模な企業サイトなどの新規構築・改修に対応します。

  • WordPress
  • Snow Monkey
  • Block editor
03

既存サイトの修正・更新・保守

表示崩れの修正、テキストや画像の差し替え、ページ追加、不要なCSSの整理などを承ります。

単発の修正から定期的な更新まで、ご相談いただけます。

  • Bug fix
  • Site update
  • Maintenance
04

既存コード・AI生成コードの確認と仕上げ

閲覧環境や操作方法によっては、見た目だけでは分からない不具合が生じることがあります。実際の表示と操作を確認し、必要な修正とコードの整理を行います。

公開前の最終確認や、AIを使って作成したコードの見直しも承ります。

  • Code review
  • Accessibility
  • Performance

WORKS

最近の実装・運用例

直近に担当した案件を、サイト名を伏せてご紹介します。掲載画像は制作サイトの構成を抽象化したイメージで、実際の画面ではありません。

布地を思わせるメインビジュアルと、施設紹介・体験案内などのページ構成を抽象化した図

施設・体験サービスのサイト

担当範囲

WordPress構築

カテゴリー選択と、製品の利用場面を示す地図型画面を抽象化した図

メーカーの製品紹介サイト

担当範囲

HTML / CSSコーディング

賑やかなメインビジュアルと、仕事紹介・社員紹介などのページ構成を抽象化した図

企業の採用サイト

担当範囲

HTML / CSSコーディング

ECサイトの商品一覧と、モバイル向けのページ構成を抽象化した図

ECサイトの運用・改善

担当範囲

受注処理・商品登録コンテンツ更新・テーマ改修

QUALITY

速くなった時代ほど、最後の確認を丁寧に。

実装後は、主要な画面幅で表示と操作を確認し、見出しの階層やリンクの使い方も点検します。

公開後の修正や引き継ぎを考慮し、必要以上に複雑な実装は避けます。

意図を読み取る

余白や文字組み、画面幅による見え方の違い、要素の動きまで確認し、デザインの意図を実装に反映します。

実際の操作で確かめる

主要な画面幅での表示に加え、マウス、キーボード、タッチによる操作も確認します。

引き継ぎやすく整える

クラス名やファイル構成を整理し、修正や引き継ぎの際にコードの構造を把握しやすくします。

納品前の確認項目

案件の仕様や実装範囲に応じて、確認する内容を調整します。

01

主要な画面幅でレイアウトに崩れがないか

02

見出しの階層やリンクの使い方に問題がないか

03

キーボードやタッチで基本操作ができるか

04

文字の読みやすさ、画像の見え方、配色のコントラストに問題がないか

05

コードに不要な重複がなく、修正しやすい構成になっているか

06

別の制作者が引き継いだ場合にも、コードの構成を把握しやすいか

ご相談から納品まで

実装や更新・運用に着手する前に、資料と作業環境を確認します。対応範囲・納期・費用をご案内し、内容をご確認いただいてから作業を始めます。

  1. 01

    ご相談内容の確認

    デザインデータや仕様書、対象サイトのURL、ご希望の時期など、分かる範囲でお知らせください。

  2. 02

    お見積り・日程のご案内

    資料と作業環境を確認し、対応範囲と進め方を整理したうえで、お見積りと日程をご案内します。

  3. 03

    実装・更新作業

    作業内容に応じて途中経過をご報告し、ご確認いただきながら実装や更新を進めます。

  4. 04

    確認・納品

    表示と操作を確認し、必要な修正を行ってから納品します。公開後の更新についても、引き続きご相談いただけます。

対応範囲

実装と公開前の確認に加え、公開後の更新・運用も主な業務としています。企画・デザインの段階から関わる案件や、大規模な開発を伴う案件は、内容を確認したうえで担当できる範囲をお伝えします。

GOOD FIT

主な対応業務

  • デザインデータをもとにしたレスポンシブコーディング
  • WordPressサイトの構築・改修
  • 既存サイトの修正・更新・ページ追加
  • 楽天市場・カラーミーショップなどの更新・運用
  • TEMPOSTARを利用した受注処理のサポート

CONSULTATION

個別にご相談いただきたい案件

  • 企画・デザイン・ブランディングの段階から関わる案件
  • 大規模な案件や、要件定義・進行管理を含む案件
  • 常時待機や時間外の即時対応を前提とする業務
  • 会員機能・決済機能を含むシステムやアプリの開発

エノークについて

実装に加え、納品後の更新も承ります。

エノークは沖縄県を拠点に、個人でWeb制作を行っています。2007年の開業以来、制作会社や事業者からのご依頼で、Webサイトを制作してきました。

HTML / CSSコーディングとWordPressサイトの構築に加え、既存サイトやネットショップの更新・運用も承ります。案件によっては、デザイナーやエンジニアと協力して進めます。

屋号
エノーク
拠点
沖縄県
代表
ナカモウキヨシ(名嘉毛 紀喜)
開業
2007年

CONTACT

実装・更新について
ご相談ください。

ご依頼内容とご希望の時期を、分かる範囲でお知らせください。いただいた内容をもとに、対応範囲・進め方・費用をご案内します。

ご相談後のご連絡やお打ち合わせは、お電話ではなくメールやチャットで行っています。内容を正確に共有し、確認事項を双方で振り返れるよう、やり取りを記録に残します。認識のずれを防ぎながら、丁寧に進めます。

メールで相談する

ご相談の際にお知らせいただきたいこと

  • 案件の概要とご希望の作業範囲
  • デザインデータや仕様書の有無
  • おおよそのページ数と主なページ構成
  • WordPress構築の有無
  • ご希望の納期・公開時期