Hi
@Danielle Czark,
I thought I already replied to this and now can't find the post (argh!). This is a FANTASTIC resource and I've sent the links to the two webinars and of course the graphics cheat sheets to a new Cvent Account holder :-) I already bookmarked the cheat sheets long ago!
I find that the graphic that shows "what goes where," i.e. exactly where are all the different named design elements (various headers, text, and buttons to which one assigns colors, font types, and font sizes) is very useful. I print it out, along with a screenshot of where I've assigned colors and font types and sizes. And I do this for the Registration Website, the Virtual Attendee Hub, and the Email designer. Very helpful to ensure everything is consistent.
One trick I showed our new Cvent Account holder yesterday who has an old static website with the last past event's data:
- In the browser window, "view source" to see the html code
- Search for the term "color"
- Save that hexadecimal value - there will often be multiple
- Search for the term "font"
- Save the type, size, and colors
- Search for the string "img" and save the width, height, and source (it will be a filename)
Squirrel all this away so that you can replicate the font colors, sizes, types, and even reuse images.
And when my friend said, just yesterday, "I have to have this graphic updated, it has the wrong year and info on it," I told him to just get the graphic WITHOUT any writing since he can add text widgets in front of the image. No more "out of date" images due to text embedded within the image file!
As for my
favorites, I am ALL ABOUT data tags, especially custom data tags. When I have items that might change that aren't baked in as Cvent-included data tags, I make sure that I create event-level data tags so that I can update them on the fly and everything everywhere that references them updates. One and done!
As for my go-to, it is the aforementioned "guide" to what the headers, etc. are, where they appear, and that way I know what size, color, and font type I am assigning. The old Classic one is here:
Changing Colors in Basic Mode. That kind of graphical "what goes where" for Flex is SOOOO helpful!
------------------------------
Brenda Ainsburg
Channel Program Manager
brenda.ainsburg@siemens.comSiemens Aktiengesellschaft
United States
------------------------------
Original Message:
Sent: 04-21-2021 11:49
From: Danielle Czark
Subject: Flex Design Tips You May Not Know
Hi, everyone! I'm back with our next edition of Tip of the Week. I hope you've enjoyed the recent week's posts from some of your peers – shout out to @Beline Falzon, @Loretta Peterson, and @DO NOT USE Michele Gebrayel for their awesome contributions and suggestions.
Today, we are focusing on Flex! Now that many of you have migrated from Classic Registration, or are in the midst of migrating, you may have the hang of the navigation and general enhancements in Flex. What we know sometimes takes getting used to are the many tricks in the Site Designer – specifically when working on your theme or graphics.
I've polled some of my Client Services colleagues for their favorite design tip they've taught their own clients, and wanted to share below:
- This is one of the tried and true suggestions from Client Services - make sure that header backgrounds do not include any text, as this can get cut off on mobile devices. Use the text widget instead, so that it stays responsive. One of the key benefits of Flex is the responsive design, so you want to be sure you are aligning with all potential devices through your images (desktop, mobile, tablet).
- A good tip when looking to add spacing in your pages - use text boxes with hard returns as spacers vs. the actual spacer widget. Client Services has found that sometimes this is great to work with.
- Focusing on background images - make the sections and widgets transparent, then have an image as the background. This will allow for a really clean and fluid look across all pages of your website and registration.
- An exciting one for our more skilled designers - use the Code Widget for HTML/Java script. This is still a relatively new widget in Flex, but we understand that many prefer working with HTML and code rather than only the build mode. This offers a perfect medium of having a strong template to work off of in the build mode, but giving you flexibility when you need it for coding and more intricate use.
- Choose how many columns you'd like within a section and place your widgets within columns rather than side-by-side in one section, as this gives you more control over the spacing for each column. So, instead of just using the default one column section, you can use a two column, three column or 4 column section layout instead. From there, you can even adjust the percentages for 2 and 3 columns if you don't want them to be 50% and 50% or 33%, 33% and 33%.
- Use gifs on your website to incorporate some movement/motion and make things a little more eye catching! Read more in this Knowledge Base article.
In addition to the above tips, here are some great resources to check out:
- Did you know we have two webinars on how some great Flex websites are made? They go into detail on the design of your event:
- Looking for a guide to walk you through all of the many possibilities of design in Flex? The Event Website Design 101 Interactive Guide is the resource for you.
- If you haven't already, I'd recommend bookmarking these helpful Knowledge Base articles while you are working on your Flex design:
Questions for You:
- What is your favorite element of website design in Flex that others should be using, too?
- What is your go-to resource for Flex website and design (if not already listed here)?
Share your tips, experiences, and suggestions below! #CventTip
By the way, if you're interested in being a featured poster for Tip of the Week, feel free to send me a message here or email Communitymanager@cvent.com. We always encourage you to share any insights in the Open Forum, but if you'd like to work with me on a specific topic or product I'd love to partner with you and share out some tips to our community.
#Flex-Creating/ManagingEvents
------------------------------
Danni Czark
Senior Associate, Online Community Marketing
Cvent
------------------------------