.svg)
.svg)
.svg){kind=icon}
Automate
Products
Quickly import products or connect your existing product listings to specific supplier SKU's. Crowdship will keep your products up to date, sync inventory, and even recaculate pricing when your cost changes.
.svg)
Automate
Orders
Crowdship will automatically convert your "customer sales orders" to "supplier purchase orders", and then send the purchase orders to the appropriate suppliers in real time. Suppliers process orders as they would normally with no interruption to their workflow.
Automate
Purchases
When a supplier ships an item, Crowdship automatically notifies your store, and provides your customers with tracking information, in real-time. Eliminate delays, CSV files, and email requests for tracking numbers with Auto Shipment Sync.
Automate
Shipments
When a supplier ships an item, Crowdship automatically notifies your store, and provides your customers with tracking information, in real-time. Eliminate delays, CSV files, and email requests for tracking numbers with Auto Shipment Sync.
Automate
Invoices
Crowdship automatically collects payment and pays your suppliers upon shipment. Suppliers can also choose to offer net terms if you meet their requirements for a fully customizable workflow.
Automate
Payments
Quickly add products through Crowdship's 1-click import tool, or connect your existing product listings to specific supplier products. Crowdship will keep your products up to date, sync inventory, and even recaculate pricing when your cost changes.
.svg)
Get Started
Built with everyone in mind
So, as usual, I tried to make the clone as easy as possible to be copied . Just copy the element named, 'Cloneable Area' and rename it or you can copy all the elements within that class.
Both question and answer are placed within the same row and container for easier management.
The main interaction involved here is 'Mouse Click (Tap)' that create the animation for expand and collapse. It is targeting the main container of each row, so that user can click on anywhere within the row/container to expand or collapse an item.
Using the same interaction trigger as above, I created an animation to rotate and resize the icon to shape it from a plus to minus.
To make things a little livelier, I added a nice little touch up to the paragraph by creating a slide in animation from below. So, instead of being still upon expand, it will slide in from below nicely.
I added a focus/highlight effect to make the item that's on hover stands out from the rest. This helps the user to focus on the item that they are reading.
This is definitely optional. You can remove this animation from the interaction setting. It's a separate interaction from the expand/collapse.
.svg)
.svg){kind=icon}
