Code:
HOSHI

Profile

アイコン画像
ほし
Follow! Follow!
埼玉県でホームページ制作のお仕事をしております。
会社員時代はプログラマーとして働いていました。
カメラやドローンを使って、サイトに掲載する写真や動画の撮影のお手伝いもできます。
■お仕事内容
  • Webサイト制作
  • 既存サイト修正、レスポンシブ対応、WordPress化
  • サイトの保守/運用
  • サイトに使用する空撮写真 / 動画の撮影

Skills

スキルセットアイコン(HTML)
HTML
HTML Living Standardに準拠したコーディング
スキルセットアイコン(CSS)
CSS(Sass)
保守・運用性を意識したコーディング、BEM, FLOCSSを意識したファイル構成
スキルセットアイコン(JavaScript)
JavaScript(jQuery)
ライブラリを用いたアニメーション実装
（スライダー、スムーススクロール、フェードイン、アコーディオン、モーダルウィンドウ等）
スキルセットアイコン(gulp)
gulp
タスクの自動実行による作業効率向上、Sassのコンパイル
スキルセットアイコン(WordPress)
WordPress
オリジナルテーマの制作、カスタム投稿/カスタムフィールドの構築
スキルセットアイコン(カメラ)
写真・動画撮影
サイトに掲載する空撮写真・動画の撮影

Works

ドライブデビュー様
  • WordPress
  • お客様案件

ペーパードライバー教習事業のホームページを制作しました。
スクロールした際にふわっと表示するアニメーションを全体的に適用しています。
利用されたお客様の地域は、カスタムフィールドを使って、クライアント様の手で簡単に更新できるようにしています。
お問合せフォームは、Contact Form 7を使って実装しました。

スッキリフワリ様
  • LP
  • お客様案件

鶴ヶ島の整体院「スッキリフワリ」様のサイトのコーディング〜サーバーアップロードまでを担当しました。
スクロールした際にふわっと表示するアニメーションを全体的に適用しています。
施術メニューはアコーディオンメニューで折りたたみ、見やすくなるように実装しました。
お問合せフォームはResponsive Mailformを使って実装しています。
ドッグティースマイル様
  • LP
  • お客様案件

Figmaで提供されたデザインカンプをもとに制作しました。
デザイナーの方と仕様について細かく打ち合わせしつつ、完成させました。
一部の画像にGSAPを使ったスクロールアニメーションを実装しています。
問い合わせフォームは、PHP工房を使用しています。
HTMLはPugを使い、CSSはFLOCSSの手法に基づいてコーディングしました。
完成後はサーバー契約やドメインの取得などについてもサポートいたしました。

e廃車様
  • WordPress
  • お客様案件

チームを組んでいるコーダー数名と共同でコーディングを行いました。
メンバーのまとめ役としてメンバーの進捗の確認やフォローアップ、GitHubを使ったソースコード管理を行いました。
WordPressで作成し、ブログ機能でお知らせや引取事例の紹介を投稿できるようにしています。
ヘッダーメニューはファーストビューの分スクロールしたのち追従するようにしております。
お問い合わせフォームはContact Form 7で実装しました。

sobolon-課題用サイト-
  • LP
  • デモサイト

ハンドメイドアクセサリーショップ、sobolonの課題用サイトです。
問い合わせフォームはGoogleフォームを埋め込んで作成しています。
【こだわりポイント】
・カードアイテムをマウスホバーした時に画像を拡大
・送信時にフォームを非表示にし、メッセージが表示される処理を実装

※ユーザーID/パスワード："estar"

ポートフォリオ（本サイト）
  • WordPress

デザインは知人のデザイナー:凛さん（https://rin-design-k.studio.site/）にお願いしました。
各種アニメーションに拘りを入れています。
制作実績はカスタム投稿、カスタムフィールドを使用し、簡単に更新できるようにしています。
問い合わせフォームはContact Form 7を使用しています。
画像：架空工務店LP　アイキャッチ
架空工務店LP
  • LP
  • デモサイト

Photoshopにて作成されたデザインカンプをもとにコーディングしました。

画像：架空歯科クリニック アイキャッチ
みなみ歯科クリニック
  • WordPress
  • デモサイト

ブログとお知らせを投稿できるようにしており、ブログはカスタム投稿を作成しています。
スタッフはカスタムフィールドを使用して写真、出身地、趣味、好きな食べ物を簡単に変更できるようにしています。
お問い合わせフォーム/予約フォームはContact Form 7を使用して実装しています。
※ユーザーID/パスワード："estar"

画像：ダミー
デモLPサイト
  • LP
  • デモサイト

学習過程で作成したデモLPサイトになります。
問い合わせフォームにはGoogleフォームを埋め込んでいます。

制作実績をもっと見る

Check

  • ご依頼の流れ
  • 料金の目安
  • 確認事項
アイコン：ヒアリングしている画像
STEP 1
ご依頼、ご相談
お問い合わせフォーム、またはX(旧Twitter)のDMよりお問い合わせ下さい。
ご相談だけでも大歓迎です！
アイコン：資料アイコン
STEP 2
内容の確認
/見積もり
ご依頼内容を確認後、お見積り、作業完了予定日をご連絡いたします。 お見積りに合意頂けましたら、作業に着手いたします。
アイコン：パソコンのアイコン
STEP 3
制作
頂いたデータをもとに制作を開始します。
作業の進捗度合いについては、notionの進捗管理シートにより共有いたします。
（その他の共有方法にも対応いたしますのでお申し付け下さい！）
アイコン：チェックマークアイコン
STEP 4
チェック
作業が完了しましたら、制作物に問題が無いか確認をお願い致します。
修正が必要な場合は、即日または数日以内に対応いたします。
アイコン：パソコンのアイコン
STEP 5
納品、サイト公開
お客様サーバーへのアップロード、またはzipファイルをお渡して納品となります。 サーバーアップロードの場合、お客様にもご確認頂き、問題がなければ納品完了となります。
  • 料金はすべて、税抜き価格となります。
  • ご予算等に合わせてご相談に応じます。お気軽にお問い合わせ下さい(*^ ^*)
  • ページ制作のみの料金となります。デザインの作成が必要な場合、別途お見積りが必要となります。
  • 当方の実績として当ページに公開させて頂ける場合、合計金額より10%割引させて頂きます。
  • 次の内容は基本料金に含まれます
    • ハンバーガーメニュー
    • マップ、SNSなどのリンクの埋め込み
    • お問合せフォーム
    • タブレット・スマートフォン表示
    • 簡単なアニメーション（スクロールアニメーション等）
  • ご要望によっては追加料金が発生する可能性もございます。
    ヒヤリング時にお聞かせ下さい。
基本料金
Topページ
70,000円 〜
1ページ追加
12,000円 〜
各種オプション
WordPress
20,000円
スライダー
一箇所5,000円
モーダルウィンドウ
一箇所5,000円
サイトに使用する写真・動画の撮影
※内容・撮影場所により変動
10,000円〜
タブ切り替え
1箇所5000円〜
追加投稿機能
10,000円
修正
追加投稿機能
10,000円
1ページ追加
12,000円〜
ご用意頂けると嬉しいもの
  • デザインデータ(XD、Figma)
  • 画像
  • テキスト
  • サーバー情報
ご用意が難しい場合でもこちらで対応できる場合がございます。
お気軽にご相談下さい！
対応時間
  • 平日21:00までに頂いたご連絡については30分以内にご返信いたします。
  • 都合により連絡が取りにくい日時が予めわかっている場合は、前もってご連絡いたします。
納品
  • 納品後、１ヶ月間は修正を無料で承ります。
  • 上記期間を過ぎての修正、作業着手後のデザイン変更は別途追加料金を頂く場合がございます。

Contact

＼お問い合わせはこちらから／

ご不明点や
お見積もり依頼など、
なんでもお気軽に
お問い合わせください！

今すぐお問い合わせをする