Pallab Behari Chaklanabis
I help my clients through writing and designing ideas. ID/UI
New to Contra
Pallab Behari is building their profile!
"An app that reads like a book and thinks like an archive."
That's the answer I kept landing on when Flowstep's challenge asked what I'd build if it didn't exist yet.
I designed an interactive knowledge app — search any topic and get a story-format reel that alternates text, image, and video, with only editorially chosen terms turned into hyperlinks so you can branch into related discoveries without losing the thread.
Methodology: Split the visual language deliberately — a wood-and-parchment "shell" for navigation, saving, and settings (built to stay legible across a 10–70 age range), versus a glassmorphism, neon-glow treatment reserved only for the actual reading/discovery moments, where the energy should live. Prompted Flowstep screen-by-screen with that constraint locked in, then iterated for consistency across web, desktop, and mobile.
Wireframe set includes: Welcome/search (animated orb), Discovery feed, Story reading (with branching hyperlinks), Notepad + sketch capture, Saved ideas gallery, History log, Login, and Settings — same architecture across all three platforms, layout density adapted per device.
Built with Flowstep. Check it out: https://app.flowstep.ai/file?activeFileId=b627524c-dac3-41a6-af33-b5c36af6c38f
#flowstepchallenge #UIDesign #ProductDesign #Flowstep
1
2
94
Art is the definition of memoirs, of choices, of ideas. Thoughts are painted by various methods we call the process by different names like paint, design, sculpt e.t.c.
Welcome to Artiso an website designed with the help of Squarespace where artists of various medium whether digital or traditional, whether they are sculptor or designer by profession come to learn and utilize the resources of art.
Preview website: https://bison-okra-n8ly.squarespace.com/
password: pal123 for viewers
Squarespace has unique feature of FinishLayer with its core features like:
Layers Panel & Z-Axis Control: Reorder blocks within a section, moving elements forward or backward.
Block Hiding & Mobile Overrides: Hide unneeded blocks on mobile or create independent mobile layouts separate from your desktop design.
Block Animations & Transforms: Apply scroll, hover, or click triggers, and fine-tune visual properties like rotation, scale, skew, opacity, and offset.
Custom Font Uploads: Import external font files directly to keep your typography consistent with your brand.
The layouts of each pages are designed with the features of Squarespace that allows to position texts, choose colors on the basis of backgrounds as well as alter the background based on feasibility whether video, color or image.
Some images are generated using Gemini, course videos by Pixverse. Motion graphics are utilized to sync the modern art content and knowledge.
Note: visually interactive yet heavy design, might get slower based on device or internet speed, could not publish in public domains due to free usage limit.
Let me know if you can access the website or having any problems.
Please give your feedbacks, ideas or suggestions of improvement in comments or DM.
#contrachallenge #squarespace #websitedesign #finishlayer #design #UI
1
102
Link : https://dunes-cafe-flow.base44.app/
For the Base44 Give It A Glow Challenge, I wanted to explore what happens when a local café experience is designed as an interconnected digital ecosystem rather than just a restaurant website.
Dunes Cafe combines customer ordering, event booking, AI-assisted support, and business analytics into a single experience built entirely in Base44.
The customer-facing platform includes menu browsing, food ordering, table reservations, event enquiries, location services, and an AI assistant capable of handling common questions and guiding visitors through the ordering process.
Behind the scenes, every booking and order feeds directly into an owner dashboard designed for day-to-day operations. The dashboard provides booking calendars, order logs, AI-generated customer feedback summaries, and weekly business metrics that help transform activity into actionable insights.
The WhatsApp workflow includes:
• Pre-filled greeting messages to reduce friction and start conversations instantly. • Automated routing based on customer intent such as Food Orders, Live Events, Party Bookings, or General Enquiries. • Queue management using first-come-first-served logic for event and booking requests. • Context-aware responses that reduce repetitive owner interactions for common questions. • Automatic capture of customer requests and booking information into the operational database.
The automation layer ensures that customer interactions do not disappear into chat history. Every enquiry, order, and booking becomes structured operational data that feeds directly into the owner dashboard.
This creates a continuous information loop:
Customer Message → Intent Detection → Automated Routing → Order or Booking Creation → Owner Dashboard Analytics
Rather than functioning purely as customer support, WhatsApp becomes a transaction channel, a booking assistant, and a data collection layer for business intelligence.
For many small businesses, conversational commerce is already happening informally through messaging applications. Dunes Cafe explores what happens when those conversations become structured workflows powered by AI and automation.
Built with Base44 for the Give It A Glow Challenge.
Prompt descriptions are given below in Comments.
#Base44 #GiveItAGlow #Contra #BuildInPublic #AI #HospitalityTech #NoCode #ProductDesign #UXDesign
4
3
293
https://set-pound-49339887.figma.site/
Most people see a polished interface.
I see hundreds of design decisions.
This travel platform started as a structured workflow, evolved through AI-assisted ideation, moved into Figma for visual refinement, and finally became a responsive website prototype.
My workflow looked something like this:
• Defined UX flow and interaction logic before designing pixels.
• Wrote detailed AI prompts describing layouts, animations, typography, glassmorphism, and navigation.
• Iterated inside Figma using Make AI to rapidly explore interface directions.
• Refined information hierarchy, motion, and visual consistency.
• Converted the approved design into production-ready HTML/CSS for development.
The concept includes:
✦ Animated onboarding experience
✦ Glassmorphism interface
✦ AI-powered travel planner assistant
✦ Immersive video backgrounds
✦ Smart destination search
✦ Responsive navigation and membership flows
✦ Modern travel discovery experience
AI didn't replace the designer.
It accelerated exploration while leaving the architecture, UX decisions, visual hierarchy, and refinement in human hands.
Design is becoming less about drawing rectangles and more about orchestrating systems, prompts, interfaces, and experiences.
This project was a great reminder that the future belongs to designers who can think strategically and build with AI rather than around it.
#UIDesign #UXDesign #Figma #FigmaAI #Make #AIWorkflow #ProductDesign #WebDesign #TravelTech #InteractionDesign #Frontend #DesignSystems #CreativeAI #Contra
0
79
Case Study: Designing Auto Pursuit - A High-End Digital Showroom
::
1
0
104
AI generated visuals using prompts
0
60
User Manual created using GPT generated LaTeX code and prompts
0
45
Re imagined Netflix UI design using different features customized for better results
0
57
Used the PixVerse AI to create an unique design imagined for library , the raw prompts used to generate the video include floor design specifications, inclination of books in shelves ( for example: "the floor carpet designed with steampunk and cyborg pictographs-> the book stacks are inclined.... " ).
Share you feedback for better outputs and suggestions.
0
56