OOMORI.web coder

Web Coder / 個人事業主

デザインの意図を、
崩さずにコードへ。

Illustrator・Photoshop・Figma・Adobe XDのデザインデータを、HTML/CSS(SCSS)・jQuery・PHP・WordPressで忠実に実装します。個人事業主として10年以上、宿泊・建設・飲食・福祉など幅広い業種のコーディングを担当してきました。

実績を見る 相談する
実務年数 10年+
対応業種 宿泊・建設・飲食・福祉 ほか
設計方針 FLOCSS + SCSS 独自実装
対応データ AI / PSD / Figma / XD
Works

制作実績

担当範囲を明記しています。デザインからの実装・CMS化までご相談ください。

HOSPITALITY

NINJA & GEISHA

カプセルホテルのコーポレートサイト。FLOCSS設計によるSCSS構築を。多言語対応やニュース一覧などCMS運用にも対応。

SCSS設計 WordPress マルチサイト 自作テンプレート
site url →
MOTORCYCLE

HASH ROAD

バイクショップのコーポレートサイト。新車・中古車、パーツ・ウェアをカテゴリ別・メーカー別に管理できるカスタム投稿タイプ構成で実装。

WordPress デザイン 自作テンプレート
site url →
FOOD SERVICE

だし自慢うどん屋柏本

うどん専門店のコーポレートサイト。おうどん・お料理・お飲み物のメニューページ、宴会予約導線、求人ページ、外部デリバリーサイトへの連携を実装。

WordPress デザイン 自作テンプレート
site url →
LOGISTICS

株式会社ふなせ

運送会社のコーポレートサイト。チャーター便・ルート配送・定期便配送に加え、老人ホーム・介護施設向けの引越し便、買い物用カート・カゴレンタルなど、地域に根ざした幅広いサービス内容を分かりやすく整理して実装。

WordPress 自作テンプレート 複数フォーム
site url →
FASHION

V.co

大阪ミナミ・キタ展開のコスプレ・ドレスショップのコーポレートサイト。ドア型のインタラクティブなナビゲーションを実装。

WordPress アニメーション 自作テンプレート
site url →
CEREMONIAL

淡路葬祭ダイボウ

淡路島の葬祭社のコーポレートサイト。お葬式プランごとの料金体系や見積りフォーム、24時間対応の緊急連絡導線を実装。会員制度「ダイボウ友の会」の特典案内など、複雑な料金プラン情報を分かりやすく整理して構成。

css html php
site url →
CEREMONIAL

美粧納棺 深結

兵庫県加西市の納棺・美粧サービスのコーポレートサイト。故人様への想いに寄り添うサービス内容や料金プラン、実績紹介などを分かりやすく伝える構成で実装。

css html
site url →
WELFARE

社会福祉法人同胞会DOHOグループ

障がい福祉サービス法人のコーポレートサイト。多数のサービスページ・施設紹介・お知らせ機能を持つ大規模構成をWordPressで構築。

WordPress 絞り込み検索 自作テンプレート
site url →
WELFARE

DOHOグループ採用サイト

障がい福祉サービス法人の採用特化のサブサイト。スタッフインタビュー動画や職場データの可視化など、応募者目線のコンテンツ構成で展開。

WordPress 自作テンプレート
site url →
Skills

対応領域

Markup / Style
HTML5CSS3SCSS / Sass FLOCSS設計レスポンシブ対応
Script
jQuery スクロールアニメーション JavaScript
Server / CMS
WordPress PHP(簡易カスタマイズ) ACF カスタム投稿タイプ ショートコード実装
Design Data
Illustrator Photoshop Figma Adobe XD
Flow

制作の流れ

01

ヒアリング

デザインデータ・対応範囲・納期をすり合わせます。

02

デザイン確認

デザインデータを確認し、実装上の懸念点を事前に共有します。

03

コーディング

レスポンシブに対応したFLOCSS設計でSCSSを組みます。

04

確認・修正

各端末での表示確認、修正対応を行います。

05

納品

本番環境への実装、または納品用データの引き渡しを行います。

O
Profile

大森 英登

個人事業主のWebコーダーとして10年以上活動。制作会社・広告代理店・デザイナーとの協業案件を中心に、宿泊・建設・飲食・福祉など幅広い業種のコーディングを担当してきました。

Bootstrapのようなフレームワークに頼らず、案件ごとにFLOCSSで設計・実装することを大切にしています。

デザインデータの意図をくみ取り、崩さずに実装することを軸に、コーディングからWordPress構築・保守までワンストップで対応します。

Contact

お問い合わせ

コーディングのみのご依頼、WordPress構築込みのご依頼、いずれも承っております。
まずはお気軽にご相談ください。

Instagram

インスタブラム

プラグイン「Smash Balloon Instagram Feed」によって、Instagramフィードを実装中。

ブラウザ幅

px

px