Yuki's
portfolio

ご覧いただきありがとうございます
Webコーダーとして活動しています

週20h稼働

— Yuki —

WORK

制作実績

尾道レトロキャンペーンサイトスクリーンショット

尾道レトロキャンペーンサイト

LP架空サイト

コーディング

サイトを見る
ID:
guest
PASSWORD:
onomichi
使用技術
  • HTML / CSS（デザインカンプを元にコーディング）
  • レスポンシブ対応・ピクセルパーフェクト対応
  • JavaScript（UI実装：モーダル / スライダー / アコーディオン）
Point 1

Figmaのデザインカンプに忠実なコーディングを行い、
ピクセルパーフェクトを意識した実装を行いました

Point 2

あしらいの多いデザインに対して、細部まで丁寧に調整し、
どの画面幅でも美しく見えるよう実装しました

横にスクロールできます

みなみ歯科クリニックサイトスクリーンショット

みなみ歯科クリニック

WordPressコーポレートサイト架空サイト

コーディング

サイトを見る
ID:
guest
PASSWORD:
minami
使用技術
  • HTML / CSS（レスポンシブ対応・ピクセルパーフェクト対応）
  • JavaScript（DOM操作・UI実装）
  • WordPress（オリジナルテーマ開発・テンプレート分割・カスタム投稿）
  • Advanced Custom Fields（カスタムフィールド実装）
  • コンテンツ管理を考慮した実装
Point 1

デザイン再現に加え、
不要なタクソノミーの追加制限や、条件分岐による分類ごとの表示制御を実装しました

Point 2

NEWSやBLOGの投稿について、
更新しやすさを考慮し、管理画面とフロント表示の見た目を揃えました

横にスクロールできます

Yuki's portfolioサイトスクリーンショット

portfolio (このサイト)

WordPressポートフォーリオ

コーディング / デザイン

使用技術
  • HTML / CSS（レスポンシブ対応）
  • JavaScript（アニメーション実装）
  • WordPress（オリジナルテーマ開発・動的コンテンツ実装）
  • Advanced Custom Fields（カスタムフィールド設計・実装）
  • 更新性を考慮した実装
Point 1

デザインからコーディング、WordPress 化まで一貫して制作し、
見やすく分かりやすい構成を意識しました

Point 2

サイト内にさりげないビジュアル演出（傘や風船）を取り入れ、印象に残るアクセントとしました

お問い合わせ完了画面にも、ささやかな演出を設けています

Point 3

管理画面から各セクションを柔軟に更新できるよう、
カスタム投稿・カスタムフィールドを用いて更新性を考慮した設計・実装を行いました

横にスクロールできます

SKILLS

対応技術

HTML

  • HTML

CSS

  • CSS
  • Sass
  • FLOCSS

JS

  • JavaScript
  • jQuery

WordPress

  • WordPress構築

SERVICES

対応内容

01
  • figmaからのコーディング
  • photoshopからのコーディング
  • ピクセルパーフェクトによるコーディング

※ Figma・Photoshopのデザインカンプから忠実に実装します

2
  • レスポンシブ対応
  • Gulpの環境下での開発
  • BEMやFLOCSSよるcss設計知識

※ スマホ・タブレット対応、保守性を考慮した設計を意識しています

3
  • 様々なアクションイベントやアニメーションの実装
  • Photoshopを使用した画像の加工やトリミングなど

※ 動きのあるUIやアニメーションの実装、画像の最適化・加工も行えます

4
  • WordPressオリジナルテーマの作成
  • 投稿データの動的出力
  • フロントとエディタの見た目統一
  • 既存テーマのカスタマイズ

※ 管理画面とフロントの整合性を意識した実装も可能です

FLOW

制作の流れ

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

  1. 01

    ご相談・お見積り

    要件や納期、予算などお気軽にご相談ください。
    対応内容に応じてお見積りをお送りいたします。

  2. 02

    コーディング

    デザインカンプを元にコーディングを行います。
    コーディング後は品質チェックを行い調整します。

  3. 03

    確 認

    お客様にコーディングしたサイトをご確認頂きます。
    不足部分の修正と対応を行います。

  4. 04

    納 品

    コーディング後のファイル一式を納品いたします。
    本番サーバーへのアップロードも対応可能です。

PROFILE

プロフィール

はじめまして。WordPress構築まで対応可能なコーディングを行っております。

HTML / CSS / JavaScriptを用いたコーディングから、WordPressのオリジナルテーマ制作まで一貫して対応可能です。デザインカンプからの忠実な再現と、WordPress化までの実装に対応しています。

これまで約7ヶ月間、Web制作について体系的に学習し、デザインカンプからのコーディングおよびWordPress構築まで一通り習得しました。卒業制作では、デザインカンプからWordPress化までの実装において50点満点中46点の評価をいただいています。

制作においては、見た目の再現だけでなく、更新・修正のしやすさや保守性を意識したコーディングを心がけています。
また、ご要望の意図を丁寧に汲み取り、目的に沿った形での実装を大切にしています。

現在は実務経験の獲得に向けて活動しておりますが、進行状況の共有や迅速なレスポンスを心がけ、安心してお任せいただける対応を意識しています。

バナー周りの修正や小規模な実装、LPのコーディングなど、単発のご依頼からでも対応可能です。まずはご相談ベースでもご連絡いただけますと幸いです。

CONTACT

お問い合わせ

お仕事のご依頼は、下記よりお気軽にお問い合わせください。

    *
    *
    *
    このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー および利用規約が適用されます。