Works

#

合同会社ベリーフォワード様ご依頼のLP
企業リスト収集のプロβ版という企業情報を自動でリスト化するサービスに関するLPをFigmaカンプからコーディング担当しました。 WordPress化しお問い合わせも実装しました。

HTML/CSS/JavaScript/WordPress

#

M様ご依頼のサンプルサイト
コーディングをご依頼いただき制作したサンプルサイトです。FLOCSSにてコーディングしました。 サイト上では下層ページに続くような作りとなっておりますが、サンプルのためTOPページのみです。

HTML/CSS/JavaScript

#

ブライダルプランナー紹介の模擬LP
デイトラ実務編の自由課題としてコーディングを独自に行いました。 スライダーにより複数のプランナー、プランを見やすいように配置しています。 また、カードを多用しているためパーツを使いまわせるようにFLOCSSによりコーディングしました。

HTML/CSS/JavaScript

#

カフェ風模擬LP
デイトラ実務編の自由課題としてコーディングを独自に行いました。 パララックスにより画像に動きを与えることでおしゃれさと視覚的な興味を惹くように工夫して実装しました。 作成時間:20h

HTML/CSS/JavaScript

#

レンタル家具家電風の模擬LP
デイトラ実務編の自由課題としてコーディングを独自に行いました。 パソコン、スマホで要素の配置が変更されるデザインのため、画面幅により見栄えが大きく変化するようにコーディングしました。

HTML/CSS/JavaScript

#

WordPress独自テーマ開発の模擬サイト
カスタム投稿、カスタムフィールド、お問い合わせページなど実サイトでよく用いられる機能を実装しております。

HTML/CSS/JavaScript/PHP/WordPress

#

ブロークングリットデザインの模写コーディング。

HTML/CSS/JavaScript

#

オンライン学習サイトデイトラにおいて、初めて模写コーディングを行なった見本サイト。

HTML/CSS

Bootstrapを用いた模写コーディング。

HTML/CSS/Bootstrap