GISTEX Website Mockups

Website Revamp Project - 7 Design Concepts (12 Mockups Total: 4 Placeholder + 4 with Images + 3 with Video + 1 Official Branding)

November 17, 2025

Tentang Mockup Ini

Berikut adalah 7 konsep desain website untuk revamp Gistex. Setiap konsep dirancang untuk mencerminkan positioning premium Gistex di industri tekstil fashion, dengan pendekatan visual yang berbeda. Concept 7 adalah implementasi resmi dari GISTEX Company Branding Guidelines.

Tujuan Revamp:

Cara Menggunakan: Setiap konsep memiliki beberapa versi - klik tombol "Placeholder Version" untuk melihat layout structure dengan gradient colors, "With Images" untuk melihat design dengan foto real fabric/textile, atau "🎥 With Video" untuk melihat design dengan video background yang dynamic. Semua akan terbuka di browser baru. Scroll untuk melihat seluruh homepage design.

Concept 1

Luxe Editorial

Desain terinspirasi dari majalah fashion high-end seperti Vogue. Menggunakan tipografi elegant serif, warna hitam-putih-emas, dan aesthetic editorial yang cinematic.

  • Fashion magazine-inspired aesthetic
  • Animated gradient background
  • Elegant Playfair Display typography
  • Gold accent colors untuk luxury feel
  • Large product imagery dengan hover effects
Concept 2

Modern Minimalist Luxury

Clean dan sophisticated dengan banyak whitespace. Terinspirasi dari Apple dan brand premium modern. Produk menjadi fokus utama dengan background putih bersih.

  • Apple-inspired clean design
  • Abundant whitespace untuk breathing room
  • Product colors yang pop
  • Modern Inter typography
  • Fast loading dengan minimal elements
Concept 3

Bold Industrial Chic

Merayakan heritage manufacturing Gistex dengan aesthetic industrial yang sophisticated. Bold typography, high contrast, dan angular elements.

  • Manufacturing heritage meets luxury
  • Bold Bebas Neue typography
  • Industrial textures (concrete, metal)
  • Split-screen layouts
  • High contrast dark & light sections
Concept 4

Fluid Elegance

Organic dan flowing design yang terinspirasi dari movement kain itu sendiri. Curved elements, smooth animations, dan gradient overlays yang elegan.

  • Fabric movement-inspired design
  • Curved elements & wave dividers
  • Smooth gradient backgrounds
  • Circular stats badges
  • Soft shadows & rounded corners
Concept 5 ⭐ NEW

Luxe Editorial (Modified)

Versi modifikasi dari Concept 1 berdasarkan feedback stakeholder. Mempertahankan aesthetic editorial premium dengan penyesuaian navigasi dan call-to-action.

  • Updated navigation: Company, Product, Quality, Contact, Career
  • Company profile video integration
  • Premium editorial aesthetic maintained
  • Stakeholder-approved modifications
  • Video background untuk immersive experience
Concept 6 ⭐ NEW

Modern Minimalist Luxury (Modified)

Kombinasi content lengkap dari Concept 5 dengan styling modern minimalist dari Concept 2. Clean, sophisticated, dengan semua section informasi perusahaan.

  • Inter font untuk clean modern aesthetic
  • Teal accent color (#008080) yang fresh
  • All content sections: Founder, Journey, Market, Achievements
  • Minimal borders dan light backgrounds
  • Video background dengan opacity rendah
Concept 7 🎨 OFFICIAL BRANDING

GISTEX Official Branding

Implementasi 100% dari GISTEX Company Branding Guidelines resmi. Design yang warm, optimistic, dan dynamic dengan brand colors, typography, dan visual elements sesuai brand identity GISTEX.

  • Brand Red (#881012) sebagai primary accent color
  • Montserrat (headers) & Source Sans 3 (body) typography
  • Brand Beige backgrounds untuk warm, optimistic feel
  • Circular gradients & flowing line decorative elements
  • Official GISTEX color palette (red, beige, navy, maroon)
  • Design elements representing fabric movement & texture

Perbandingan Konsep

Fitur Luxe Editorial Minimalist Luxury Industrial Chic Fluid Elegance
Premium Feel ★★★★★ ★★★★☆ ★★★★☆ ★★★★★
Fashion-Forward ★★★★★ ★★★★★ ★★★☆☆ ★★★★★
Product Focus ★★★★☆ ★★★★★ ★★★★★ ★★★★☆
Uniqueness ★★★☆☆ ★★★☆☆ ★★★★☆ ★★★★★
Implementation Medium Easy Medium Complex
Best For High-end fashion brands Modern & clean aesthetic Manufacturing heritage Unique, memorable design

Next Steps

  1. Review keempat mockup dengan stakeholders
  2. Pilih 1 konsep utama (atau hybrid dari beberapa konsep)
  3. Berikan feedback spesifik tentang elemen yang disukai/tidak disukai
  4. Diskusikan kebutuhan photography profesional untuk produk

Note: Setiap konsep tersedia dalam beberapa versi: