My Works
これまでに デザイン・制作したサイトの複製です。
実際に納品したデータから、投稿内容、ロゴ、画像、情報などをダミーに置き換えたものです。
リンク先で実際のページが確認できます。
別途お知らせしたIDとパスワードでログインしてご覧ください。
- All
- Corporate
- Landing Page
- Blog
不動産会社ホームページ
デモサイト:https://web-mariage.com/rptest/
ご依頼内容 | 「動きのあるかっこいいページにリニューアルしたい」とのご依頼。情報発信して集客というより取引先や投資先として信用されるスタイリッシュなホームページが必要なため、ビジュアル重視でとのご要望でした。表示が重たくなってても良いとのことで動画、エフェクト、フェードなどを多用しました。 |
作業内容 | ヒアリング、トップページデザイン3種提案、下層ページデザイン作成、ステージングサイトの作成、本番環境への公開、更新方法のレクチャーなど。 |
特徴 | トップページのグリッドレイアウトにカラーアニメーションを、投稿サムネイルにホバーエフェクト、スクロール時フェードアップするよう動きをつけました。 |
使用ツール | WordPress、さくらのレンタルサーバ、Adobe Illustrator、Adobe Photoshop、PHP、HTML、CSS、Javascript |
WordPressテーマ | Nishiki Pro |
作業期間 | 1ヶ月 |
費用 | 15万円程 |
保育園ホームページ
デモサイト:https://web-mariage.com/miraitestpage/
ご依頼内容 | 事業譲渡によるホームページリニューアル。子どもらしく明るく楽しいイメージ、かつ保護者様に信頼いただける安心感のあるデザインを、とのご要望でした。 |
作業内容 | ヒアリング、トップページデザイン3種提案、下層ページデザイン、コンテンツイメージビジュアル作成、投稿タイプ2種作成、ステージングサイトの作成、本番環境への移行、更新方法のレクチャーなど。 |
特徴 | ヘッダーは虹・空のイメージで半円のデザインに、背景にロゴ要素の鳥や植物のシルエットをあしらい、マウスストーカーは駆け回る子どもをイメージした3色展開で明るく楽しい雰囲気をデザインしました。ナビゲーションはホバーで動き、投稿サムネイルを流線型に加工、スクロール時フェードアップなど優しい雰囲気を作りました。特に半円ヘッダーと配色が好評でした。 |
使用ツール | WordPress、エックスサーバ、Adobe Illustrator、Adobe Photoshop、PHP、HTML、CSS、Javascript |
WordPressテーマ | Nishiki Pro |
作業期間 | 2ヶ月 |
費用 | 35万円程(保守費込) |
エステサロンLP風ホームページ
デモサイト:https://web-mariage.com/laki385/
Web制作会社からの下請でエステサロンのLP風ホームページ制作を承りました。沖縄県のエステサロンのため、南国のイメージと女性らしいデザインとのご指定。観葉植物のシルエットや、エメラルドグリーン、コバルトブルーを使用し南国らしさをデザインしました。シルエットのデザインがご好評をいただきました。
作業内容:トップページデザイン2種提案、ヘッダーデザインカスタム、スライドショー、インスタフェード作成(テストサイトでは実装されていません)、仮想ページ作成、ステージングサイトの作成後データのみ納品。
使用ツール:WordPress、エックスサーバ、Adobe Illustrator、Adobe Photoshop、HTML、CSS
WordPressテーマ:Nishiki Pro
作業期間:3週間
費用:15万円程(特急料金)
オープンキャンパスLP デザイン
カンプページ:https://web-mariage.com/toaru/
Web制作会社からの下請でオープンキャンパスのLPデザインを承りました。コーポレートカラーの赤と緑を使うとのご指定。短大進学を考える高校生向けにイラストをあしらい明るく可愛いデザインに仕上げました。楽しさが伝わるようオープンキャンパスの様子を画像を2重双方向のスライドにで見せることをご提案したところ、大変ご好評をいただきました。
使用ツール:Adobe Illustrator、Adobe Photoshop
作業期間:2週間
費用:7万円程(特急料金)
電気工事会社ホームページ
デモサイト:https://web-mariage.com/eiden/
Web制作会社からの下請でホームページのリニューアルを承りました。求人・お問い合わせと2種のフォームの作成と、作業実績を自社で更新できるPDFで掲載して欲しいとのご依頼です。サイトのデザインはおまかせでしたが、20年前の古いデザインだったため、シンプルでオーソドックスな最新のデザインにしたいとだけご要望がありました。まず1案としてシンプルに構成したところこれが良いとお気に召していただけ、ごくシンプルなデザインでのご提案となりました。求人とお問い合わせは別ページを想定されていたようですが、同ページでの切り替えをご提案したところご好評いただけました。
作業内容:トップページデザイン提案、下層ページ作成、フォーム2種を1ページ内で切り替えられるよう作成。ステージングサイトの作成、本番環境への公開。スライドショー作成、作業実績PDF更新方法のレクチャーなど。
使用ツール:WordPress、アルファメールサーバー、Adobe Illustrator、Adobe Photoshop、HTML、CSS
WordPressテーマ:Nishiki Pro
作業期間:1ヶ月弱
費用:20万円程(素材費込)
イベント告知LP
デモサイト:https://web-mariage.com/yeg/
Web制作会社からの下請で、イベントの告知LPの制作を承りました。オリエンテーションの紹介などコンテンツが多く、それぞれの見せ方をさまざまにご提案しご好評いただけました。美しい動画を活かした透明感・メリハリのあるタイトルのデザイン、ロゴのカラーを使用したコンテンツデザインで南国の賑やかさを表現しました。青いセクションには島のシルエットを入れることで海をイメージさせ、島内を巡るオリエンテーションの楽しさを表現した点と、スケジュールも修正しやすいようテーブルで作成した点が特にご好評いただけました。
作業内容:トップページデザイン3種提案、下層ページデザイン・作成。ステージングサイトの作成、データのみ納品。
使用ツール:WordPress、Adobe Illustrator、Adobe Photoshop、HTML、CSS
WordPressテーマ:Nishiki Pro
作業期間:1ヶ月
費用:20万円程
個人ブログ
WordPress
仕事やイベントを通して得た知見の備忘録と周知、自己のブランディングを目的としてブログを運営しています。
開設時期:2017年 8月
記事数:221記事
PV(表示回数):約15,000/月
Wine
ブログ運営経験の経験と実績を増やすため、趣味のワインのブログを運営しています。
開始時期:2020年 4月
記事数:208記事
PV(表示回数):約2〜30,000/月