インデントを行い、見た目にも美しいコードを目指しています。ツールにて正誤チェックも行います。
FLOCSS命名規則を設け、Sassを使用した保守性の高いコードを目指しています。
基礎を勉強済みです。業務では修正更新実績があります。不明点は調べながら実装が可能です。
phpのスクールにて基礎を学び、ECサイトを作成しました。仕事では修正更新の業務実績があります。
スクールにて受講後、オリジナルサイトの流し込みを行なっています。仕事では更新の業務実績があります。
基礎を勉強済みです。不明点は自分で調べながら実装が可能です。
バナー制作、カタログ制作の業務実績があります。切り抜きやペンツールでの図形作成、グラデーションなど一通り業務経験があります。
背景透過、明るさや色彩調整、クリッピングマスク等業務にて一通り業務経験があります。
広告デザインの作成実績があります。バナーや、ワイヤーフレームの作成や、海外の担当者にFigmaをシェアしたりしました。プラグインの追加も可能です。
新発売の商品アピールのLP案件になります。何百万もする機器のため、高級感と洗練された感じを演出いたしました。トップの動画も短編に編集いたしました。画像切り出し含めほぼ０からコーディングを行いました。
こちらも数百万のレーザー機器だったため、洗練されたイメージで作成いたしました。元のカタログがあったので、デザインはカタログを参考に致しました。
機器の紹介のページになります。元になるフォーマットがあったのでそちらを書き換える形でページを量産致しました。
フリーランスでの案件です。相続という信頼感が大事な案件でしたので、真面目に且つ文字が多かったので読みやすいデザインにさにこだわって作成いたしました。
トップビジュアルの作成とLPの内容修正を行いました。トップの写真はサイズを指定し、ずれないように正確に配置いたしました。
LPのスマホ版を作成いたしました。（フリーランスにて実案件）水曜日のダウンタウンっぽくデザインをして欲しいとのことで、トップ以外を担当し作成いたしました。ポップで個性を出しつつも、読みやすさを心がけました。
クレジットカードの仮装LPになります。ターゲットは20代の働き盛り、仕事でもプライベートでも自分のカラー、信念を大事にする女性です。クルージングのキャンペーンも契約のモチベーションになると思いました。Figmaで作成いたしました。
店舗販売のアイスをインターネット販売するにあたりLPを作成しました。ターゲットは女性の１６歳から60歳くらいまでで、ポップで楽しい雰囲気を前面に押し出しました。キービジュアルに目が行くように、中央に見せたいアイスを配置しました。
こちらはクラウドワークスのコンペ案件になります。文言が指定されており、デザインのみの提出となりました。女性用のカミソリの広告でしたが肌に触れるデリケートなものなので文字にグラデーションをかけてラグジュアリー感と高級感を演出しました。
言語 HTML Scss JS
ツール Photoshop Illastrator XD
Web制作会社での作品になります。Weelkyマンションのサイトが元々あり、トップページのリデザインと、コーディングを行いました。CSSで記載されていたものをFLOCSSの考えを取り入れ、SCSSに書き換えし、メンテナンスの向上に努めました。
🔻メニュー
親しみやすさを出すために、角丸のメニューにし、視覚にもわかりやすいようにイラストを配置しました。
🔻メインビジュアル
賃貸サイトでしたので、明るく希望があり、爽やかなメインビジュアルを採用しました。東京タワーが向かって左に配置され、東京に出てくる期待感を表しました。
Javascriptで流線を施し、そよ風を演出しました。
🔻おすすめ物件の賃貸情報
賃貸を選ぶときにはアイキャッチが大切かと思いましたので写真を大きめに配置しました。
🔻メリットの説明欄
position absoluteでチェックマークを配置し、レスポンシブでは縦並びになるようにしました。
言語 HTML CSS JS JQuery
ツール photoshop Illustrator
Web制作会社での作品になります。元々別のトップページだったものをこちらのデザインに当て込めてリンク先を残しながらコーディングしました。
🔻トップページ
和楽器のスクールのサイトでしたので、トップは華やかで躍動感のある和太鼓の写真を採用しました。
🔻メインページ
所々に雲のあしらいが有ったのでpositon absoluteで配置しました。
表題がレスポンシブでは縦並びから横並びになるので、いくつか画像を作成し、レスポンシブ対応にしました。
🔻サイト検索
講座を検索するためのPHPのプログラムが入っていたので崩さないように気をつけながら配色の変更をしました。
🔻講座名
講座名が縦にずらした配置になっていたので、こちらもposition rerative やabsoluteを使って配置しました。
レスポンシブでは、すっきりわかりやすくする為に横並びに配置しました。
🔻講師陣紹介
元々写真スライドのJavascriptが入っていましたが、表示件数の変更の編集をしました。
言語 HTML CSS
CMS Wordpress
ツール Photoshop Illustrator XD
美容機器のカタログです。30代後半からの１０万円以上する機器でしたので高級感と、大人の女性のイメージの色合いにしました。
展示会のパネル作成を行いました。二つのソフトウェアの紹介でしたので、デザインを同じにし色を変更いたしました。
監視の漢字に目のあしらいを行い、工夫をしました。データ入稿も事前確認を行い、スムーズに注文ができました。
低学年の個別指導塾の為の体験チラシを作成しました。明るく親しみやすい、楽しそうな雰囲気を意識しました。
ブッセの新作のチラシを作成しました。春にふさわしい桜のモチーフにして、余白を意識して商品を際立たせるイメージにしました。
リゾートバイトと農業の人材募集しゅうポスターを作成しました。人材募集のポスターでしたので、明るく楽しそうなイメージにしました。
ウェブサイトのトップページスライドバナーに掲載するキャンペーンバナーを制作しました。
キャンペーン内容を視覚的にパッと見てわかるように、また活字を読みやすいように意識しました。
展示会出展時のキャンペーンバナーです。キャンペーン内容をわかりやすく、単語帳風のあしらいで可愛らしく仕上げました。
ピンクが展示会のカラーでしたので差し色で青緑を使用、色数を抑えてもインパクトが出るように意識しました。
投稿はありません。
