Advisable Guild is a freelancing community that connects top freelancers in different fields to share ideas, connect over virtual events to learn from each other, seek advice from other experienced freelancers and collaborate on projects together.
For this project, I had the full responsibility to design features, marketing materials, and build the promotional page on Webflow.
This project is tagged old but gold because it was done in the early stages of my design career and I made some rookie errors 😅 but it still has valuable insights
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Advisable Guild is a freelancing community that connects top freelancers in different fields to share ideas, connect over virtual events to learn from each other, seek advice from other experienced freelancers and collaborate on projects together.
For this project, I had the full responsibility to design features, marketing materials, and build the promotional page on Webflow.
Advisable, as explained in one of my projects, is a freelancing platform that connects clients to world-class freelancers. One of the core advantages of being a freelancer on Advisable, is Guild.
Advisable Guild is a freelancing community that connects top freelancers in different fields to share ideas, connect over virtual events to learn from each other, seek advice from other experienced freelancers and collaborate on projects together.
The network is built as a core feature of Advisable which I am honored to be a part of. I worked on some features for the Guild product but the goal for this project was to create a promotional page for freelancers interested in Advisable guild to get a feel and information onf what the community is about.
Design Process
Annie(Guild’s project lead) highlighted core features of Advisable Guild we'll be featuring on the page and I went to work.
After a couple of iterations with the design leveraging the company’s brand style guide we had a web page ready for development.
Development
Moved on to develop the page on Webflow. Using CSS animations for the infinite gradient loop, Webflow on scroll property to animate elements based on pages' scroll position, and used Javascript to build the card stack interaction.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
No items found.
Found this post a little interesting?
Sign up to get notified when I post new content
I'm not surprised you subscribed. Glad? Yes, but not surprised 😏
Probably my fault, but something went wrong, please try again
.svg)
.svg){kind=icon}
.svg){kind=icon}
.png)
.svg)
