Retty inc. / フロントエンドエンジニア
デザインカンプからのLP制作
【オーナー様向けに紹介するLPページの作成】 ■ 主な業務内容 ・BEMとSCSSを用いたコーディング&コンパイル ・Figmaを用いたデザインカンプからのコーディング ・レスポンシブ対応&ワイドモニターに対応したUI設計 ・動きをつけたUX向上 ■ 使用した技術 HTML5 / CSS3 and SASS / Figma ■ 技術的なアプローチや工夫した点 HTMLとCSSで構成した単一ファイルでデザイナーに渡す予定でしたがBEMとSCSSを用いてそれをコンパイルするというやり方で効率化や作業スピードを意識した実装に努めました。それ以外にもPCとデバイス端末以外のもワイドモニターで見たときに崩れないようにすることを心がけました。 ■ 取り組みの成果 Googleのオンライン広告として活用することでオーナー様の利用拡大に貢献しました。 それとデザイナーではコーディングできない内容で、その上サービスの実装で忙しい開発チームの作業ペースを落とさずに制作できたため開発チームのサポートに徹することができました。 ※下記のリンクにて閲覧ができます(PCページ・スマホページ)