制作実績

制作実績 works

Peace Cafe

担当
コーディング
使用言語
HTML/CSS/JavaScript/GSAP
構成
トップ1ページ
制作期間
20時間（4時間×5日間）
特徴
Have a happy time（幸せなひとときを）をコンセプトに日々のストレスから離れて幸せなひとときを 過ごしてほしいという想いのカフェサイト
思い
デザイナーさんからカンプをいただいたときに感じたサイト全体の雰囲気に合うように アニメーションやカンプにはなかったハンバーガーメニューを私が提案し採用していただきました。
お客様の声
とても綺麗にコーディングされており、大変助かります。 この度は迅速にご対応いただきありがとうございました！

コミュニティiro code.のLP

担当
コーディング
使用言語
HTML/CSS/JavaScript/GSAP
構成
トップ1ページ
制作期間
40時間（10日間）
特徴
アニメーションにこだわりまくったLP
思い
デザイナーさん指定のアニメーションを全て再現 アニメーション発火のタイミングや複数要素をお互いに連動させて、ユーザーがアニメーションを操作しているかのような動きにして 見るだけでワクワクし離脱を防ぐ施策を再現しました。
お客様の声
さすがの実装力でアニメーションを再現していただきありがとうございます！ ただコーディングするだけでなく、ユーザーのことも考えて提案もしてくれるので、安心して任せられます！

HOUSE LIFE(架空のハウジングサイト)

担当
コーディング
使用言語
HTML/CSS/JavaScript/WordPress/
構成
トップページ1ページ
制作期間
20時間（8時間×3日間）
特徴
アニメーションを複数使ったサイト
思い
デザイナーさんのイメージするアニメーションを再現するため、GSAPを使っています。 JavaScriptはjQueryを使用せずvanilla.jsで純粋にコーディングしています。
お客様の声
綺麗にコーディングされています。 バッチリです！はやい！

Musubiエージェンシー様

担当
コーディング
使用言語
HTML/CSS/JavaScript/WordPress/
構成
トップ 1ページ
制作期間
20時間（4時間×5日間）
特徴
1ページ完結型の助成金診断サイト
思い
ラジオボタンやチェックボックスに金額を紐づけており、リアルタイムで結果が計算される仕様にしました。 診断結果画面と会社情報入力画面をモーダルで出現させることでトップページはスッキリした印象にできました。 お問い合わせ内容はGoogleスプレッドシートに紐付けクライアント様も一覧で確認しやすくなるようにしました。
お客様の声
モーダル出現の希望を聞いていただきありがとうございました。

bardswhisper様

担当
コーディング(WordPress化のみ)
使用言語
JavaScript/WordPress/
構成
トップページ+下層3ページ
制作期間
10時間（5時間×2日間）
特徴
クライアント様がメンテナンスできる構成
思い
クライアント様のご要望で『画像、動画、テキスト、商品ラインナップなど全ての項目』を『追加、変更、削除』できるようにしました。 WordPressのカスタムフィールドを使い、クライアント様が入力しやすいよう構成しました。
お客様の声
素早い対応ありがとうございました！ ボタンの追加はできないと思っていたので大変ありがたいです！ 各項目も変更できるように対応ありがとうございました！

ジェラート屋さん(テンプレート)

担当
コーディング
使用言語
HTML/CSS/JavaScript/jQuery/
構成
トップ1ページ
制作期間
10時間（5時間×2日間）
特徴
ジェラート屋さんとインスタグラムを掛け合わせたイマドキのサイト
思い
インスタグラムから、特にスマホユーザーからの集客を狙えるように画面の右下にインスタグラムのボタンを配置しました。 全てのコンテンツをフェードインのアニメーションにすることで、ユーザーのスクロールを誘導して1番下まで見ていただけるようコーディングしました。
お客様の声
作業時間が早い！アニメーションの対応やレスポンシブの対応をしていただいてありがとうございます！

当ポートフォリオサイト

担当
デザイン/コーディング
使用言語
HTML/CSS/JavaScript/jQuery/
構成
トップページ+下層2ページ
制作期間
20時間（4時間×5日間）
特徴
企業サイト風のポートフォリオ
思い
自己紹介タイプのポートフォリオではなく、企業サイトをイメージして制作しました。 技術をアピールするためにモバイルメニューやアニメーションをこだわりました。
お客様の声
サービスを最初に持ってくることでどんな事業なのかがすぐに分かって良い