📚 Curious about learning UI Design? Check out our new 4 week Intro to UI Design course. Flexible Learning. Live Mentorship. Figma Fundamentals. Enroll now for 25% off.
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Get new leads in your inbox every day
Introduce yourself to new clients with Pitch
Learn product design in just 16 weeks...
Learn UI Design Basics and Figma Fundamentals...
Level up your skills with our interactive courses and workshops…
Portfolio creation made easy
Fresh leads in your inbox every day
Build your team’s pipeline or profile
A marketplace of digital assets…
Icons, Illustrations, Patterns, Textures…
Display, Script, Sans Serif, Serif…
Mock Ups, Social Media, Presentations…
Characters, Objects, Textures…
WordPress, Shopify, Bootstrap, HTML5…
Procreate, Affinity, Photoshop, InDesign…
Earn money doing what you love
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
DOWNLOAD PROJECT FILES
Flokka is a small cosmetics brand, delivering some organic essentials to the market.
Whole concept was created with on-scroll animation in mind. Such approach is adding interaction between our renders and UI, and makes them work together.
— Figma Project file with all the layouts and some bonus (unused) artboards, which you can use in your personal or commercial projects.
— Cinema 4D Project Files. 6 scenes (including bonus one) with models, organized and ready for render. All Octane materials are procedural and included. Note: Original HDRI map is not included (due to license restrictions), but we provide our own replacement (so your scene is ready for study right out of the box) and a link to original one (in case you're looking for exact lighting look as in promo materials).
— After Effects Project File. Here we combine all our stuff (UI from Figma and renders from C4D) and make them work together. Everything is animated (exactly how you see it in promo), no extra plugins required.
— Rendered Sequences (optional). You can download a version without the renders to save some disk space, but After Effects project will ask for media replacement.
— Documentation. A brief manual covering basics questions. If you will still have any questions, all the contact info provided aswell.
FONTS IN USE:
— Trade Gothic (Extended) — [https://www.myfonts.com/fonts/linotype/trade-gothic/]
— Hatton — [https://pangrampangram.com/products/hatton]
— Maison Neue — [https://www.milieugrotesque.com/typefaces/maison-neue/]
Current fonts are not included. Feel free to replace them with fonts of your choice, if you don't own these. Current pairings are used just for reference.
— Cinema 4D (tested on R19, R21, S22, R23, R24)
— Octane 2020 (probably should work on 3.07+, but not tested)
— After Effects CC+