WELCOME TO

Leef Design

SCROLL

自己紹介

ABOUT

かっこいいだけではない、

目的を見据えたデザインを。

現在、IT企業でWebデザイナー兼プログラマーとして勤務中。 デザインからコーディングやフロントエンド、お問い合わせフォームの改修まで、幅広く業務をこなしている。 現在は、コンバージョンを上げるためのWeb制作に取り組んでいる。何よりWeb制作が楽しく、より効果のあるページを作成するために日々精進している。

使用する言語

html, css, javaScript, PHP

使用するツール

Adobe XD, Adobe Photoshop, Adobe Illustrator, WordPress

実績

WORK

IT企業のコーポレートサイト

企業カラーのブルーをメインに、親しみやすさと企業の信頼感を合わせたデザインで作成。 キャッチコピーの「つなぎたのは、気持ちです。」に合わせ、点と点がつながるエフェクトをトップに入れ、社員の写真を載せることで、気持ちのつながりを表現し、親しみやすさを表した。

製作した部分

ワイヤーフレーム設計

デザイン

コーディング(HTML.CSS.Javascript,PHP)

お問い合わせフォーム改修、アップロード機能追加

APIを使用して、ライブ配信もしくは最新Youtubeの表示

ライバー育成事業のサイト

ライバースクールのコンセプトである「生徒に寄り添った学校」を表現するために、スタイリッシュになりすぎないデザインで作成。また、先生や生徒の声を顔写真や実績付きで載せることで、スクールの信頼性を高められるように設計。お問い合わせに誘導するよう常に右側にお問い合わせボタンを設置。

製作した部分

ワイヤーフレーム設計

デザイン

コーディング(HTML.CSS.Javascript,PHP)

会員制の有料動画サイト

WordPressとVimeoを使用し、決められたフォームに簡単に動画を追加出来るよう設計。背景を黒にして、動画を映えやすく会員制の特別感をあらわした。また、モバイルのみレッスンごとに開閉式のメニューにして目的の動画を探しやすくした。

製作した部分

ワイヤーフレーム設計

デザイン

コーディング(HTML.CSS.Javascript,PHP)

WordPressのプラグイン導入

Vimeoのセキュリティ設定

ITサポート企業のランディングページ

顧客の悩みから解決策を提示する流れを作って、お問い合わせフォームに誘導するよう設計。ボタンには、反対色を使用して背景からはみ出させて目につくように配置。

製作した部分

ワイヤーフレーム設計

デザイン

コーディング(HTML.CSS.Javascript,PHP)

お問い合わせフォーム改修

地元のZUMBA教室

主にスケジュールを確認するために作成したサイト。目が悪い方も多く見るので、スケジュールは数字を大きく見やすいように作成。主に閲覧する生徒が見て楽しいように、生徒の写真をトップに掲載

製作した部分

ワイヤーフレーム設計

デザイン

コーディング(HTML.CSS.Javascript,PHP)

ブログ

主婦の問題を楽しく解決するためのサイト。優しく落ち着いた穏やかなイメージでデザインを作成。

製作した部分

ワイヤーフレーム設計

デザイン

コーディング(HTML.CSS.Javascript,PHP)

WordPressのプラグイン導入

お問い合わせ

CONTACT

お問い合わせ

お仕事のご依頼、ご質問等あればこちらからお願いします。

お名前
Eメール
タイトル
本文

2021@LEEF DESIGN