চ্যালেঞ্জ
CrewView কনস্ট্রাকশন কোম্পানির কাছে সফটওয়্যার বিক্রি করে। এই মানুষগুলো সফটওয়্যারের পেজ পড়ার চেয়ে সাইটে থাকতেই বেশি পছন্দ করেন। তাই পেজটাকে শুরুতেই বলতে হবে প্রোডাক্টটা কী করে, আর অফিসের ডেস্কটপের মতো ট্রাকে বসে ফোনেও ঠিকঠাক চলতে হবে।
সমাধান
হোমপেজটা হাতে কোড করেছি, গ্রিডের জন্য Bootstrap আর প্রোডাক্ট স্লাইডারের জন্য Owl Carousel দিয়ে। প্রথম স্ক্রিনে মোটা condensed ফন্ট আর গাঢ় নীল রং পুরো মেজাজটা ঠিক করে দেয়, আর যোগাযোগের দুটো পথ, ফোন করা অথবা টেক্সট করা, শিরোনামের ঠিক নিচেই থাকে।
তার নিচে স্লাইডারে প্রোডাক্টের স্ক্রিন আছে, তাই ভিজিটর সেকশন না ছেড়েই ড্যাশবোর্ড দেখতে পান। আলাদা একটা রেসপন্সিভ স্টাইলশিট ছোট স্ক্রিনেও বড় শিরোনাম আর স্ক্রিনশট গুছিয়ে রাখে।
ফলাফল
- প্রথম স্ক্রিনেই অফার আর যোগাযোগের পথ দেখা যায়
- প্রোডাক্টের স্ক্রিন পেজেই দেখানো হয়েছে
- ফোন থেকে বড় ডেস্কটপ, সবখানে লেআউট ঠিক থাকে
