Selected Works.
デザインの力で、価値を伝える。代表的な制作実績のご紹介です。
Scroll
農家のホームページ
Web Design & Coding
カテゴリ
農家 (農業用コーポレートサイト)
担当作業
Webデザイン / コーディング / レスポンシブ対応
使用技術
HTML5 / CSS3 (SASS) / JavaScript / Figma
制作概要
自然の温もりや新鮮な作物の魅力を伝えるため、オーガニックな色調とクリーンなタイポグラフィでデザイン。スマートフォン表示にも最適化したレスポンシブコーディングで構築しました。（※現在掲載交渉中につき、URLの公開を一時的に控えております）
現在掲載交渉中
ブリーダーのホームページ
Web Design & WordPress
カテゴリ
ブリーダー (紹介・販売用ウェブサイト)
担当作業
Webデザイン / コーディング / WordPress構築
使用技術
HTML5 / CSS3 (SASS) / JavaScript / PHP / WordPress
制作概要
子犬たちの健康や愛情豊かな育成環境が伝わるよう、温かみと信頼感のあるトーン＆マナーでデザイン。WordPressによるブログ機能や子犬情報の更新機能も実装しています。（※現在掲載交渉中につき、URLの公開を一時的に控えております）
現在掲載交渉中
ワッフル＆スイーツカフェのHP
Web Design & Instagram Integration
カテゴリ
カフェ (店舗公式サイト・SNS連携)
担当作業
デザイン / コーディング / インタラクティブUI実装
使用技術
HTML5 / CSS3 (SASS) / JavaScript / Figma
制作概要
架空のワッフル＆スイーツ専門店を想定したカフェサイト。美味しそうなスイーツのビジュアル訴求はもちろん、集客に最も重要なInstagramとの連携ギャラリーを設け、SNSからの流入やリアルタイムの情報発信を促す動線設計で制作しました。
工場のホームページ
Web Design & Coding
カテゴリ
工場 (企業コーポレートサイト)
担当作業
デザイン / コーディング / 多言語対応
使用技術
HTML5 / CSS3 (SASS) / JavaScript / Figma
制作概要
精密機械メーカー様のコーポレートサイト。技術力の高さと信頼性を表現するため、ブルーグレーを基調としたソリッドなデザインで構築しました。
美容室のホームページ
Web Design & Smooth Animation
カテゴリ
美容室 (サロン公式サイト・アニメーション特化)
担当作業
Webデザイン / コーディング / アニメーション実装
使用技術
HTML5 / CSS3 / JavaScript (Intersection Observer)
制作概要
極上の『清潔感』を演出するホワイトとアイスブルーの配色を採用した、架空の美容室サイト。スクロール連動のフェード＆スライドインや、ヘアカタログのインタラクティブなカテゴリ切り替えなど、心地よいアニメーションによる上質なユーザー体験を追求して制作しました。
美容クリニックのホームページ
Web Design & Coding
カテゴリ
美容クリニック / サロン（架空）
担当作業
企画構成 / Webデザイン / コーディング
使用技術
HTML5 / CSS3 / JavaScript (Intersection Observer)
制作概要
極上の『清潔感』と『写真をメイン』にしたビジュアル構成を追求した、架空の美容クリニック・サロンサイト。白とプラチナゴールドを基調としたミニマルで洗練されたレイアウトに、施術メニュー、Before/After症例、お悩み別アプローチなどを配置。スクロールと連動したフェードイン演出により、信頼感と安心感を高めるUIデザインに仕上げました。
Webスクールの紹介LP
Landing Page Design & Coding
カテゴリ
LP (ランディングページ)
担当作業
構成作成 / デザイン / コーディング / アニメーション実装
使用技術
HTML5 / CSS3 (SASS) / JavaScript / Figma
制作概要
コンバージョン（個別面談の申し込み）を最大化するための構成設計から行い、ダークパープル調のプレミアムなデザインとネオンのアクセントで、先進性と信頼感をアピールしています。