BLF Bản xem trước thiết kế Design preview
direction A · gold + ink

Business Law Firm

Bản xem trước thiết kế Design preview

Bản tái thiết kế trang web BLF — Direction A "Gold + Ink", phát triển từ blf.com.vn với tinh thần điềm tĩnh, có chiều sâu kiểu Baker McKenzie. 7 màn hình × 2 breakpoint (desktop 1280px và mobile 390px). Bấm vào từng thẻ để mở trang tương ứng.

The redesigned BLF site — direction A "Gold + Ink", evolved from blf.com.vn with Baker McKenzie-style institutional restraint. 7 screens × 2 breakpoints (desktop 1280px and mobile 390px). Click any card to open that page.

Desktop Desktop

1280px 7 trang 7 pages

Trang chủ Home

home-desktop.html

Hero dẫn dắt bằng góc nhìn pháp lý, news ticker, số liệu, 8 lĩnh vực, clients/featured-in, trích dẫn người sáng lập, insights nổi bật, văn phòng và CTA.

Insight-first hero, news ticker, stats band, 8 practice pillars, trusted-by / featured-in, founder quote, trending insights, offices, and footer CTA.

Xem trang Open

Dịch vụ — tổng quan Services overview

services-overview-desktop.html

8 lĩnh vực hành nghề dạng danh sách đánh số — mỗi mục có nhóm năng lực, luật sư phụ trách và liên kết đến trang chi tiết.

All 8 numbered practice areas as expanded list cards — each with capability bullets, lead-lawyer chip, and a link to its detail page.

Xem trang Open

Dịch vụ — chi tiết (Đầu tư) Service detail · Investment

service-detail-desktop.html

Mẫu cho 8 dịch vụ. Quick-nav, phạm vi công việc, 3 case studies ẩn danh, thẻ luật sư phụ trách, insights liên quan, CTA chuyển sang form Liên hệ.

Template for all 8 services. Quick-nav, scope of work, 3 anonymized use cases, lead-lawyer card, related insights, footer CTA with topic preselected.

Xem trang Open

Về BLF About BLF

about-desktop.html

Câu chuyện BLF (4 đoạn, gọn hơn ~30%), timeline 2006→2026, 4 giá trị song ngữ, đội ngũ lãnh đạo, các văn phòng.

Our story (4 paragraphs, ~30% tighter), timeline 2006→2026, four values rendered bilingual side-by-side, leadership team preview, offices preview.

Xem trang Open

Pháp lý cập nhật Insights archive

insights-archive-desktop.html

Bài nổi bật + lưới 12 thẻ với bìa kiểu editorial-poster. Bộ lọc, sidebar newsletter / most-read / tags, phân trang.

Featured article + 12-card grid with editorial-poster covers ("Bản tin" gold-tone + "Highlight" ink-tone). Filter chips, newsletter / most-read / tags sidebar, pagination.

Xem trang Open

Bài viết — chi tiết Article detail

article-detail-desktop.html

Trang đọc bài: hero editorial, mục lục dính trái, nội dung 65ch, bio tác giả, CTA newsletter, bài liên quan.

Reading template: editorial hero, sticky left ToC, 65ch body, author bio, newsletter CTA, related articles.

Xem trang Open

Liên hệ Contact

contact-desktop.html

Form Pháp lý dạng hai cột, lựa chọn dịch vụ + khung thời gian, ba thẻ văn phòng (Hà Nội / TP.HCM / Đà Nẵng), bản đồ tĩnh.

Two-column intake form with service + timeframe select, three office cards (Hanoi / HCMC / Da Nang), static map.

Xem trang Open

Mobile Mobile

390px 7 trang 7 pages

Trang chủ Home

home-mobile.html

Phiên bản 390px của trang chủ — single-column, drawer nav, các strip xếp dọc, touch target ≥ 44px.

390px version of the home page — single column, drawer nav, vertically stacked strips, touch targets ≥ 44px.

Xem trang Open

Dịch vụ — tổng quan Services overview

services-overview-mobile.html

8 lĩnh vực dạng accordion gọn, gắn nhãn số thứ tự — dễ quét bằng ngón cái.

All 8 practice areas in a tight numbered accordion — thumb-scannable.

Xem trang Open

Dịch vụ — chi tiết Service detail

service-detail-mobile.html

Chi tiết dịch vụ ở mobile — quick-nav cuộn ngang, scope, case studies, luật sư phụ trách, CTA dính đáy màn hình.

Service detail on mobile — horizontal-scroll quick-nav, scope, case studies, lead lawyer, sticky-bottom CTA.

Xem trang Open

Về BLF About BLF

about-mobile.html

Trang giới thiệu phiên bản mobile — timeline dọc, các giá trị xếp chồng, thẻ đội ngũ một cột.

About on mobile — vertical timeline, stacked values, single-column team cards.

Xem trang Open

Pháp lý cập nhật Insights archive

insights-archive-mobile.html

Bài nổi bật + lưới 1 cột, bộ lọc cuộn ngang, sidebar trở thành module cuối trang.

Featured article + single-column grid, horizontal-scroll filter chips, sidebar moves to bottom modules.

Xem trang Open

Bài viết — chi tiết Article detail

article-detail-mobile.html

Trang đọc bài ở mobile — ToC thu gọn dạng dropdown trên cùng, body một cột, CTA newsletter cuối bài.

Article reader on mobile — collapsed top ToC, single-column body, newsletter CTA at the end.

Xem trang Open

Liên hệ Contact

contact-mobile.html

Form Liên hệ một cột, các thẻ văn phòng xếp dọc, nút gọi điện và chỉ đường nổi bật.

Single-column intake form, stacked office cards, prominent call + directions buttons.

Xem trang Open

Khám phá Explorations

side-by-side 2 trang 2 pages