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)

文章作成

マリッジサロンnanala様コーポレートサイト

サロンの名前であるひまわりをモチーフに、明るく信頼感と親しみがあり、ポジティブなイメージでデザインを作成。WordPressを使用。

製作した部分

ワイヤーフレーム設計

デザイン

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

WordPressのプラグイン導入

LiverSchool様サービスサイト

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

製作した部分

ワイヤーフレーム設計

デザイン

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

会員制の有料動画サイト

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

製作した部分

ワイヤーフレーム設計

デザイン

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

WordPressのプラグイン導入

Vimeoのセキュリティ設定

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

製作した部分

ワイヤーフレーム設計

デザイン

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

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

VES様ポートフォリオサイト

デザイナーのVES様が作成したデザインをもとに、WordPressでポートフォリオを簡単に投稿・管理出来るようにサイトを制作。

製作した部分

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

ZUMBA教室

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

製作した部分

ワイヤーフレーム設計

デザイン

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

ブログ

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

製作した部分

ワイヤーフレーム設計

デザイン

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

WordPressのプラグイン導入

TodoList

やることリストをReactを使って作成。カテゴリごとにフィルターを追加。天気を取得するAPIを使用。

製作した部分

設計

デザイン

実装(HTML.CSS.JavaScript,React)

API導入

お問い合わせ

CONTACT

お問い合わせ

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

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

2021@LEEF DESIGN