Our Social Lookbook Mobile & Desktop

[paulchrisluke]

Design

The designs can be found here: https://www.figma.com/file/31j6FoQ6OYdsBHsgtnF8LO/poodle?node-id=977%3A9
This issue include mobile and desktop design. This is for a feed page similar to that of phuntoken: https://phuntoken.com/feed/

The feed displays a post that also shows product name and price, with special view for discounted prices.
Videos should autoplay on mute as they scroll the feed.
Hashtags should be displayed in descriptions just like tiktok.

Desktop

Desktop player should show the influencer name, social tag, profile picture, and post description under the video.

Mobile

For mobile, new font styles were added. Please add these new font styles before creating:

For mobile, user profile is displayed on the side. The bottom descriptions should show product name, price, and then post description, which is only displayed on one line until they tap the "see more", which will expand the content up like tiktok does.

Icons

Icons needed for can be located here:
Sound: https://polaris.shopify.com/icons?icon=SoundMajor&q=sound
Share: https://polaris.shopify.com/icons?icon=ShareMinor&q=share
Cart: https://polaris.shopify.com/icons?q=cart
Search: https://polaris.shopify.com/icons?icon=SearchMajor&q=search
Mobile Menu: https://polaris.shopify.com/icons?icon=MobileHamburgerMajor&q=menu

Discounted Price

Discounted price should show as a crossed out "old price" and new "discounted price" in pink. If no discount applied, keep normal price font in white.