[ brandnew ]では、ディレクションからコーディング、スポット修正、定期修正など、
様々なご依頼を受け付けております。

ご相談ベースで構いませんのでお気軽にご連絡くださいませ。

できること・できないこと

# できること

  • Windowsでの作業
  • コーディング
  • WEBデザイン
  • グラフィックデザイン
  • ディレクション
    リモートOnly
  • WEB MTGへの参加
  • スポット修正
    デザイン・コーディングどちらもOK
  • バナー制作などの細かな依頼
  • 既存サイトのWordpress移行
  • バグ調査・改善

etc…

# できないこと

  • Macでの作業
  • ピクセルパーフェクト（1px単位でのコーディング調整）
    制作者が目視で気付くぐらいずれていなければ問題ないと思っています
  • 現地MTGへの参加
    場所によりますのでご相談ください

コーディングについて

基本仕様

あくまでお任せの場合ですが、コーディングを依頼される際は主に下記の仕様となっております。

name remark
html bemをベースにプレーンなhtml5にて構築
css DartCSS（SCSS）をコンパイル
※cssフレームワークは仕様にない限り使用しません
※@import文も非推奨のため基本使用しません@useのみです
js ejsをベースにコンパイル
外部jsはWordpressのプラグインでない限り、基本的にnpmでパッケージ管理
ライブラリ: Vue2, jQuery その他要相談（最近はライブラリに極力頼らないコーディングを心がけています）
localhost Docker Desktop
コンパイラ webpack5
コード管理 github
breakpoint Desktop: 1920,
Laptop:  1440,
Tablet:    768,
SP:  375
基本上記できれいに見えれば提出します
※実機確認は1920, 1440, 375のみとなり、それ以外はエミュレータ確認となります。

WordPressについて

現在最も得意としている分野はWordpressになります。

初期プラグインについて

指定がなければ下記のプラグインを初期で導入します。

name remark
Advanced Custom Fields PRO カスタムフィールドが必要な場合
※更新する場合のライセンスはご依頼者様にて取得（任意）
Advanced Editor Tools 投稿機能がある場合
Classic Editor 投稿機能がある場合
また、仕様上ブロックエディタでない場合
EWWW Image Optimizer WebP変換用
– MW WP Form
– reCAPTCHA for MW WP Form
– Contactform7		 お問い合わせフォームがある場合

（202402 追記）
MWWPFORMはプラグイン作成者の意向により使用しないことにしました。
※使用やカスタマイズは可能ですが、推奨はしません。
SVG Support SVG画像のアップロード
WP Fastest Cache キャッシュ管理
Yoast SEO SEO管理

テーマについて

仕様上または予算上、必要であれば既成のテンプレートや子テーマを使用しますが、
基本的には0ベースでのテーマ作成から行います。

WordPressで独自テーマを作成する場合のフォルダ構成サンプルは下記のとおりです。

  • theme_name
    • assets
    • css
      • normalize.css
      • common.css
      • page_name.css
    • fonts
    • functions
      • utility.php
      • customPostType.php
      • …
    • js
      • page_name_script.js
    • src
      • js
        • components
        • app.js
      • scss
        • base
          • _space.scss
          • …
        • components
          • _header.scss
          • …
        • functions
          • _functions.scss
        • setting
          • _utility.scss
        • common.scss
        • page_name.scss
      • package.json
      • webpack.config.js
    • components
      • content-image.php
      • …
    • sections
      • common-cta.php
    • 404.php
    • archive.php
    • custom_functions.php
    • footer.php
    • front-page.php
    • functions.php
    • header.php
    • home.php
    • index.php
    • page-name.php
    • page.php
    • README.md
    • sidebar.php
    • single.php
    • style.css

SEO・lighthouseについて

SEOについて

SEO自体あってないようなものなので、アドバイス程度でしたら可能です。

title, deacriptionはご用意くださいませ。

meta keywordは指定がなければ挿入しません。

WAI-ARIAは仕様になければ設定しません。
※必要箇所のaria-labelは設定します

lighthouseについて

指定がない限り、テストサーバーにてlighthouseのSPを基準にTOPページが60点以上であれば提出致します。

※必要不可欠なもの（基本のjs、Gtagなど）やサーバーの応答速度で点数が下がっている場合は対処できない場合もございます。

デザインについて

WEBの場合はFigmaを使用しますが、ご要望に合わせてXDで作成することも可能です。

グラフィックの場合はillustratorを使用し、素材関連はPhotoshopやLightroomで調整します。

また、予算にもよりますが写真素材はAdobePhotostockのものを使用します。

その他の素材を使用する場合は、ご購入いただいたものをお送りいただいております。

ディレクションについて

構成がない場合でも、ヒアリング→構成→デザインまでこなすことができます。

また、ある程度のキーワードがあればライティングも可能です。

マーケティングはプロの方に依頼されるのがベストです。

ですが、作り変えの場合でAnalytics・SearchConsoleのデータがある場合や、
すでに店舗様にて顧客や見込み客のデータを取られている場合は、
ペルソナやカスタマージャニーなどを立てて、構成→ローンチまで可能です。

スケジュール管理に関しましては、直通案件でない場合は管理していただいております。

（202403 追記）
現在ディレクション業務は要相談とさせていただいております。

ご依頼方法について

ご依頼・ご相談はX（旧Twitter）, chatwork, Slack, お問い合わせフォームから受け付けております。