AritaWeb Coder

HTML / CSS / WordPress

デザインどおりに、
どの画面幅でも崩れなく。

LP・コーポレートサイトのコーディングと、WordPressのテーマ制作・改修を担当しています。学生時代を含め10年以上コーディングの仕事をしてきました。既存サイトへのページ追加や、表示崩れの修正もお任せください。

コーディング経験
10年以上
クラウドワークス完了率
100%(3件 / 3件)
クラウドワークス評価
5.0(1件)

Works

制作サンプル

Waypoint CareerトップページのPC表示
Waypoint Careerトップページのスマホ表示

WordPressオリジナルテーマ/5ページ

Waypoint Careerキャリアコーチング会社のコーポレートサイト(架空)

架空のキャリアコーチング会社を想定し、デザイン・文章・コーディングまで一人で制作しました。WordPressのオリジナルテーマとして作り、公開用に静的HTMLへ書き出しています。

こだわったところ

  • ページを追加しやすい作りサービス3ページを1つのテンプレートで共用。データを1件足すだけで、同じデザインのページを増やせます。
  • どの画面幅でも崩れないPC・スマホの両方で全ページを確認。スマホでは開閉式メニューに切り替えています。
  • 誰でも使えるマークアップキーボード操作や読み上げソフトでも使えるよう、見出し構造・ラベル・文字色のコントラストに配慮しました。
  • HTML
  • CSS
  • JavaScript
  • PHP
  • WordPress
  • レスポンシブ

Experience

これまでの実績

クラウドワークスでお受けした案件の一部です。クライアントさまの情報は伏せて掲載しています。

・LP制作

オンライン家庭教師サービスのLPコーディング

運用中のWordPressサイトに、デザインをもとにLPを実装しました。既存テーマの固定ページとして組み込み、公開後の更新方法もあわせてお伝えしています。納品後に起きた表示トラブルにもすぐに対応しました。

  • WordPress
  • HTML
  • CSS
  • レスポンシブ

・修正・改修

お問い合わせフォームの表示崩れ修正

WordPressのContact Form 7で作られたフォームの表示崩れを修正しました。HTMLの表の列数が1行だけ合っていなかった原因を特定して直し、CSSも整理。プラグインの仕様による注意点もあわせてご報告しました。

  • WordPress
  • Contact Form 7
  • CSS

このほか、クライアントさまのご意向により掲載していない案件があります。

Skills

できること

コーディング

  • デザインカンプからのHTML/CSSコーディング
  • PC・スマホ対応(レスポンシブ)
  • JavaScriptによるメニュー開閉などの動き
  • アクセシビリティに配慮したマークアップ

WordPress

  • オリジナルテーマの制作
  • 既存テーマへのページ追加・カスタマイズ
  • Contact Form 7などプラグインの調整
  • 更新方法のご説明

修正・改修

  • 表示崩れの原因調査と修正
  • 既存デザインに揃えたページ追加
  • CSSの整理・書き直し

Process

進め方

  1. 01

    内容の確認

    デザインと仕様を確認し、分からない点は着手前に質問します。

  2. 02

    コーディング

    共通部分から組み立て、途中経過もこまめにご報告します。

  3. 03

    全ページの確認

    PC・スマホの両方で全ページを確認。1か所直したら全ページを見直します。

  4. 04

    納品・アフター対応

    修正のご依頼や、納品後に気づいた不具合にも対応します。

稼働時間
週20〜30時間(平日の日中が中心)
打ち合わせ
ウェブ会議に対応できます(日時をご指定ください)
ご連絡
クラウドワークスのメッセージでやりとりします

Contact

ご相談はお気軽にどうぞ

「こんなことできる?」という段階でも大丈夫です。
クラウドワークスのプロフィールからメッセージをお送りください。

クラウドワークスのプロフィールを見る(新しいタブで開きます)