HTML vs CSS – Thiết kế website Bedesk

A. Giới thiệu

Website Bedesk là một trang bán hàng thời trang

Với số lượng sản phẩm phong phú có thể thỏa mãn nhu cầu mua hàng của mọi người.

Cùng với đó là giao diện bắt mắt, không khó để sử dụng, mang lại sử trải nghiệm tốt cho khách hàng

ở mọi lứa tuổi.

B. Giao diện

  1. Trang chủ – home

Mô tả:

  • Trang chủ hiện thị menu
  • Các phím tắt hỗ trợ
  • các sản phẩm nổi bật,
  • Các sản phẩm mới nhất,
  • các danh mục khác

SourceCode:

Kết quả:

  1. Trang danh mục – category

Mô tả:

  • Trang danh mục là trang phân loại riêng từng thể loại sản phẩm.
  • Mục đích là để giúp người dùng dễ dãng tìm kiếm danh mục sản phẩm phù hợp với nhu cầu của bản thân.

SourceCode:

Kết quả:

  1. Trang tìm kiếm – search

Mô tả:

  • Trang tìm kiếm giúp cho người dùng dễ dàng tìm kiếm những sản phầm mình cần tìm

SourceCode:

Kết quả:

  1. Trang chi tiết sản phẩm – detail

Mô tả:

  • Trang chi tiết sản phẩm dùng để hiển thị thông tin chi tiết của sản phẩm đó.
  • Có thể hiển thị giá sản phẩm.
  • Size của sản phẩm.
  • Thêm vào giỏ hàng

SourceCode:

Kết quả:

  1. Trang giỏ hàng – cart

Mô tả:

  • Trang giỏ hàng là một trang giúp người dùng thêm những món đồ mà họ có ý định mua để thuận lợi cho việc thanh toán sau đó.

SourceCode:

Kết quả:

  1. Trang thanh toán – checkout

Mô tả:

  • Trang thanh toán giúp cho người dùng có thể thanh toán những sản phẩm mà trước đó người dùng đã thêm vào giỏ hàng

SourceCode:

Kết quả:

  • Trang đăng nhập – login

Mô tả:

  • Trang đăng nhập giúp người dùng đăng nhập vào tài khoản mua hàng của mình,
  • Sau khi đăng nhập thì có thể mua hàng.

SourceCode:

Kết quả:

  1. Trang đăng ký – register

Mô tả:

  • Nếu người dùng chưa có tài khoản đăng nhập thì đây là nơi giúp người dùng đăng ký tài khoản mới.

SourceCode:

Kết quả:

Toàn bộ sourcecode project:

Github: https://github.com/hoangdiver/bedeskfashionstore/tree/master

Github Page: https://hoangdiver.github.io/bedeskfashionstore/

Author: Vịt Diver aka Dương Việt Hoàng