The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
LookBook — Book & Product Collection Page
Web Design · E-commerce
Overview
LookBook is a curated storefront concept for browsing and shopping product collections — designed here around a book/literature catalog.
Design Approach
Hero moment: An oversized "COLLECTION" wordmark cuts across a photographic book-page background, using clipped/masked typography to feel editorial rather than templated.
Social proof, minimal: Small avatar-tagged pills ("+120 Products," "30 Collection") add credibility without cluttering the hero.
Product cards: Clean, uniform cards with thumbnail, price, and one-tap cart icon keep the shop-from-hero flow fast and scannable.
Presentation: Shown on a laptop against a warm terracotta setting, giving the concept a cozy, lifestyle-brand feel rather than a sterile SaaS look.
Outcome
A collection landing page that leads with visual storytelling first, commerce second — browsing feels editorial, buying stays effortless.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Kajabi Website Design for Online Coaches & Courses
Designed a Kajabi website concept for online coaches and course creators who need a clear, professional way to present their programs and learning offers.
The website focuses on presenting course information, highlighting program benefits, and guiding visitors toward enrollment or the next step. The layout combines clear content structure, engaging sections, responsive design, and strategically placed calls to action to create a smooth experience across desktop and mobile.
The goal is to help coaches communicate the value of their programs and give prospective students a clear path from discovering the offer to taking action.
#Kajabi #KajabiWebsiteDesign #WebsiteDesign #OnlineCourse #CourseCreator #OnlineCoaching #CoachingWebsite #CourseWebsite #LandingPageDesign #SalesPageDesign #WebDevelopment #Elearning
The “Four modules. One much clearer next move.” line makes the course feel manageable before someone gets into the details. That’s a useful choice for coaches whose offers can otherwise feel overwhelming. For this concept, would the main CTA go straight to enrollment, or let visitors preview a lesson first?
Designed a modern Smart Band Health Tracking App.
A warm rose and coral gradient with soft blur effects, a cinematic onboarding photo, and large, clean numbers for a bold and inspiring first impression.
A glowing health score, a daily steps card with a clear timeline, quick stats for calories, sleep, and heart rate, plus a health record chart with simple daily insights make wellness data feel easy to understand. Soft glass cards and a floating tab bar keep the whole app smooth and easy to use.
Impressive work
I designed the brand identity for FGD Psychological Services and built its website from scratch in under 3 days. I built the website on Next.js with a fully functional CMS, a custom booking system, Google Meet integration, a Telegram notification bot, and more.
Everything was built with AI; what do you think?. You can read the full case study here. NGL, this is the best time to be a designer 😍
Building all of this in under 3 days is impressive! AI is opening up so many exciting possibilities for designers.