+50 modules
Our new module library contains more than 50 modules designed for various screen sizes and light and dark colour options when necessary. We made it using Figma features that help us create design pages more efficiently with the use of components. See bellow examples of a few of the modules designed by me.
Each module was designed following our new brand guidelines and style guide, ensuring pixel-perfect precision while adhering to the correct margin requirements.
CTA bar is module that serves as Call to Action (CTA), a valuable element for highlighting specific content. This user-friendly feature allows visitors to click on the CTA, instantly redirecting them to the highlighted content, making it easy to access and engage with key information or actions.
I designed the website footer to adapt seamlessly to various screen sizes, ensuring a consistent and user-friendly experience across all devices.
The "article cards" was designed to present information in a user-friendly format. These cards are displayed in a row and typically include a brief description of the article's content, the author's name, and relevant tags. These tags aid users in searching for specific content by categorising and organising articles based on their topics, making it easy to find the information they need.
The "FAQ" (Frequently Asked Questions), is a convenient feature available on every page, offering answers to common questions related to the specific content of that page. These FAQs operate in a toggle mode, allowing users to easily open and close each question to access the information they need quickly and efficiently.
The website module referred to as an "image link list" functions as a visual directory of specific markets. Each market is represented by an image and a concise title. When users click on one of these market items, they are promptly redirected to the corresponding page, offering a seamless way to explore and access detailed information about each market category.
The "event card" displays a comprehensive list of upcoming webinar events, providing users with the opportunity to register for participation. Each card prominently features the event's date, time, and location for easy reference. Additionally, it indicates whether the event is exclusive to clients or if it has been canceled. The company responsible for organizing these events is also showcased through its logo, ensuring users have all the vital information at their fingertips.