牡蠣販売店のLP

マントル＠WEB制作
Web制作

制作内容

牡蠣販売店LP制作の実案件に用いられたワイヤーフレームからデザインを作成し、それをもとにコーディングを行いました。

デザインカンプ

https://xd.adobe.com/view/0d0c0838-8f84-4db4-aa9e-80d4b49a6569-585f/

サイトURL

https://mantle714.xsrv.jp/oyster_site/

制作概要

  • 制作時期：2024年2月
  • 制作時間：デザイン・・・約30時間、コーディング・・・約40時間
  • ページ数：4ページ
  • 使用ツール：AdobeXD、Photoshop、Illustrator、Cursor

使用スキル

  • HTML

  • CSS

  • JavaScript

  • レスポンシブ対応

実装内容・工夫した点

JavaScriptにて実装

  • ページ内右下のリンククリックで、料金表のセクションにスムーススクロールします。

イメージ画像

PC画面

スマートフォン画面


WEBSITE