Design & all that stuff. Experimenting at inb4.webflow.io. Check me out @vinchubang
vin has 1958 followers on Webflow.
Responsive App-Like Navbar
The Navbar element of this template morphs into a bottom bar on mobile devices instead of turning into a hamburger menu.Tags:
A website for a cruise company which transports people from the French west coast to Yeu island. They have 3 departure ports and one arrival port.
The entire site relies on CMS. All the departures are managed by the CMS: there are close to 2000 departure days in total, with up to 10 departures per day per port. Most of the pages showcasing schedules containsup to 20 Collection Lists spreaded inside of Tabs elements.
There's a hidden message if you click on the logo on Home.
From http://www.compagnie-vendeenne.com/dashboards/dashboard-menu you can access a series of Dashboardsmeant to be displayed on giant HD TVs at 1920 x 1080, displaying videos or time schedules.Tags:
- 3d effect
Webflow Experiment Template
Webflow Experiment template. A template I duplicate each time I need to draft, experiement or showcase a technique or a design bit.
Clone this site, update it with your infos then duplicate it each time you need a fresh site to test something.
- Clean and centered stage within a Flexbox scene
- Style guide with modern defaults applied to titles, paragraphs, links and quotes (Open Sans / 16/18pt). Visible on a style guide page. Style for Caption paragraph
- Handful of convenient gloal colors picked from a modern UI palette
- Webclip, favicon, ready to be updated.
- OG image stating "Webflow Experiment"
- 2 unicode symbols in the project's name: arrow means a template to duplicate (erased once duplicated), check mark means that's an experiment site.
- An info bar at the top to link to your profile and social mediaTags:
- webflow experiment
One single div
A casual challenge to make the most out of one single DIV element using Webflow.Tags:
Victorian CMS made for Le Bathyscaphe, a Steampunk / Art Deco bar and restaurant. I had previously worked with the vectorian style for their printed comunication material (the project can be seen here https://www.behance.net/gallery/57793969/Victorian-tabloid-newspaper-for-Le-Bathyscaphe-bar ) and I decided to bring this alive for their website.
The typographic part was very funny to work with, also visitors are facing a staggering 650ko of fonts to, download, but that's a choice we made.
The little submarine has been animated using Webflow's IX2.Tags:
pardon my French! Translate your CMS dates and time
This is a site for a cruises company. Had a lot of fun designing this site. I made all the 3D illustrations, drew all the icons, shot all the pics and videos.
• Schedules are managed with the CMS so they can be sorted and filtered
• Structure of the database makes it simple to import all the data with CSV
• Dates are translated live with JS
• Hours are converted from AM/PM format to military/international with JS
• Mobile views get a special app-like bottom menu
• there a /slide page that display an elastic fullscreen section, crafted for HD and 4K Tvs for conferences booths, shows and shopsTags:
Birdhouse — Webflow Assets Template
A set of Photoshop, Illustrator, Sketch, Adobe Xd and Affinity Designer templates to generate useful assets for your Webflow projects.Tags:
Webflow Cookie Template
This website is made with Webflow and is a demo on how to set a cookie using Jquery, and use it to show a popup message or not. It's supposed to show you a popup message on your first visit every 24 hours.
You can clone this project and see how it's made.Tags:
The HTML5 Robot
Let this made-in-webflow robot chose the appropriate HTML5 tag for you element. Answer its questions and it will tell you what semantic element to use and why.
This mini site comes with an article for the Webflow Blog, about HTML5 Tags. https://webflow.com/blog/html5-semantic-elements-and-webflow-the-essential-guideTags:
The Green Print Button
A one pager to showcase multiple methods to play with background animations, and try to popularize a design idea for rebooting the Print Button.
You're welcome to clone this site and dig into how it's made.Tags:
Le Bistrot des Pêcheurs
This is a one pager + CMS for a delicious fish and seafood French restaurant in my city of La Rochelle, on the Frnech west coast.
Design focuses on answering customer needs for each device. The "Where" and "How" questions have a special visibility. The mobile experience is more straight forward and doesn't show the B2B aspects of the restaurants' business.Tags:
- oceanside welder
- video background
www.aestesis.net — App development
We make Photo filter apps, Interactive books for kids, Streaming Radio apps and audio visualizations, for mobile devices and computers.Tags:
inb4.webflow.io — My (old) blog about designing with Webflow
Tips and tricks for designing websites with Webflow, the obvious answer for designers who want a visual way to build world-class websites.Tags:
www.cabinet111.fr — Dental surgery
Cabinet 111 is a high end dental clinic in La Rochelle on the French West Coast. Accents have been made on the refined and peaceful environment. I shot beauty videos to emphasize this aspect.Tags: