Building a promotional page for a freelancer community
Client
Advisable, Ireland
Services

Web interface design

Web Development

tools

Figma

Webflow

DATE
May 2021

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.


No items found.
No items found.
No items found.
No items found.
No items found.
Product
This is some text inside of a div block.
Tools
This is some text inside of a div block.
Client
Advisable, Ireland
This is some text inside of a div block.
My Location
This is some text inside of a div block.
Date
May 2021
View Project
View Project
Old but gold
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.


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.

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

Continue Reading

Designed and Built by yours truly ✌🏽
Last updated Oct. 2021