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
A hand-coded, single-page cafe website built to demonstrate custom web development for restaurant and hospitality clients. Features a warm, illustrated aesthetic, an interactive tabbed menu, photo gallery, and a fully functional reservation form with real-time validation all built from scratch in HTML, CSS, and JavaScript, no templates or builders.
@Aiysha Javaid The tabbed menu and real-time reservation validation are practical touches for a cafe site. How did you handle keyboard navigation between the menu tabs?
Good catch! Tabs are keyboard-focusable and operable (Tab + Enter/Space), but full arrow-key navigation between them isn't implemented yet that's the next improvement on my list. Appreciate you flagging it! :)
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Cheers! 🤘
𝗪𝗲’𝘃𝗲 𝗿𝗼𝗹𝗹𝗲𝗱 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝘄𝗲 𝘁𝗲𝗮𝘀𝗲𝗱 𝗿𝗲𝗰𝗲𝗻𝘁𝗹𝘆.
We finished developing the promo site for 𝗦𝗮𝘀𝗵𝗮 𝗟𝗮𝗴𝘂𝘁𝗮'𝘀 "𝗣𝗹𝘂𝘀 𝘁𝗼 𝗟𝗲𝘃𝗲𝗹" intensives. Our task was to carefully translate the mockups into code using a fluid layout, fully preserving the author's vision. Along the way, we helped fine-tune the animations right during the build process.
𝗨𝗻𝗱𝗲𝗿 𝘁𝗵𝗲 𝗵𝗼𝗼𝗱, 𝘄𝗲 𝗽𝗮𝗰𝗸𝗲𝗱 𝗮 𝗹𝗼𝘁 𝗼𝗳 𝗴𝗼𝗼𝗱𝗶𝗲𝘀:
• Sequential text reveal via cycling
• Interactive field with student cards
• Infinite Canvas with a depth effect
• Draggable horizontal scroll
We had a separate battle with Safari. We had to get tricky with video playback to bypass the browser's strict limitations without breaking anything.
We love challenges like this. When strong visuals meet creative development, a website truly comes alive. This isn't our first time working with Sasha, so the process went smoothly and without any fuss. Thanks for the trust.
𝗗𝗿𝗼𝗽 𝗯𝘆 𝘁𝗼 𝗰𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗹𝗶𝘃𝗲 𝘀𝗶𝘁𝗲:
https://plustolevel.taptop.site/
This is a great example of how strong development can bring a design vision to life. 🔥 The interactive canvas, text reveals, and smooth animations sound especially impressive. And getting all of that working smoothly in Safari is no small achievement. Great work! 👏
New case study is live: Archea - Architecture Studio Website 🥳
23 pages, 3 build phases, 4 homepage variations, all tied together with Tailwind variables for consistent spacing across every block and button.
Full case study is up now, link below. Let me know which homepage variation is your favorite 👇
Great job
Fintech Wallet & E-Commerce Sales Tracker Mobile App UI Design
Managing multi-currency funds and tracking real-time sales performance shouldn't require juggling three different financial apps.
We designed this clean, modern Fintech Wallet & E-Commerce Sales Tracker Mobile UI for digital merchants, cross-border sellers, and modern SMBs. Built for Fintech startups, payment processors, and e-commerce analytics SaaS platforms, this soft-neumorphic interface unifies multi-currency exchange, revenue telemetry, expenses, and inventory payouts into one effortless mobile experience.
The Problem We Solved
E-commerce entrepreneurs and modern freelancers often struggle with fragmented financial visibility. Cross-border transaction fees, fluctuating exchange rates, and delayed sales reporting make cash flow forecasting painful and prone to error.
This concept merges personal/business wallet balances with live sales analytics and expense tracking, providing founders and store owners total control over their business finances in a single dashboard.
Key Features & UX Highlights
Multi-Currency Wallet & Rates: High-visibility balance card ($360,000\text{ Total Balance}$) paired with real-time foreign currency exchange indicators (USD, EUR, PKR).
Interactive Sales Gauge & Revenue Analytics: Visual radial arc summaries ($1,266\text{ Sales}$) paired with high-contrast monthly sales bar charts for rapid month-over-month performance reviews.
Profit & Expense Breakdowns: Dynamic sub-cards automatically categorizing income vs. expenses ($-\$323\text{ Expense} \mid +\$234\text{ Profit}$) for frictionless financial auditing.
Itemized Order & Transaction Feed: Detailed inventory ledger displaying payment statuses (Paid, Pending) and live transaction logs with individual item images.
Building a Fintech, Banking, or E-Commerce SaaS?
Whether you're an ambitious founder launching a cross-border neobank or scaling a multi-channel seller dashboard, we design conversion-driven, user-centric UI/UX that drives platform adoption and user trust.
