How many pages does your website have? (Count pages from your navigation menus, landing page to free offer forms, and all pages in your funnel such as a sales page for an offer)(Required)
- 5 or less
- 6 to 10 (most common)
- 11 to 15
- 16 to 20
- 21 to 30
- 31+
Do you need to process payments?(Required)
- No
- Yes - A simple payment form is sufficient (1 to 3 offers or name your price payment form)
- Yes - I need a comprehensive checkout for multiple products, services or courses and I have 5 or less offers
- Yes - I need a comprehensive checkout for multiple products, services or courses and I have 6 to 15 offers
- Yes - I need a comprehensive checkout for multiple products, services or courses and I have 16 to 30 offers
- Yes - I need a comprehensive checkout for multiple products, services or courses and I have 31 or more offers
Do you sell online trainings, courses, a membership or group programs with recordings?(A course is an online program where users log in to access one to ten lessons. A lesson is a recording or learning materials displayed on a single page within a course.)(Required)
- No
- Yes - 5 Courses or less
- Yes - 6 to 10 Courses
- Yes - 11 to 20 Courses
- Yes - 21 to 40 Courses
- Yes - 41 or more Courses
Do you have articles, podcast show notes, video pages or other blog posts on your website?(Required)
- No
- Yes - 1 to 10
- Yes - 11 to 30
- Yes - 31 to 100
- Yes - 100+
Top 2 User Interface Design Elements for Your Website
Want to know the UI framework that’ll help you make a UI kit that suits your website needs? Learn more about the two UI components that will jumpstart your user experience journey.
But why exactly is a UI kit so important?
A great web design UI Kit can actually save you time and money in the long-run.
Don’t know what a UI kit is? Find out in Part One of this article series
UI Kit First Steps
How do business owners use their design kits? How do they create them in the first place?
Top Two Important Elements for UI Websites
1. FONT
Choosing the right font for your website can significantly impact site performance and speed.
For example, using Google Fonts requires connecting to an external server, which can slow down loading times. You can manage fonts on your server or through local deployments to align with GDPR privacy laws.
What’s the difference between paid fonts and free fonts?
Paid fonts require a license for use, whereas free fonts, like Google Fonts, generally do not. Always check the licensing terms carefully to avoid copyright issues.
2. BUTTONS
Button shapes and styles are crucial for guiding user interactions on your website.
- Button colors should be high-contrast and representative of interactions.
- Use consistent shapes and styles throughout your site.
- Always add text to buttons to clarify user actions.
Five Button Types to Include in Your UI Kit:
- Call to Action (CTA): Dramatic and eye-catching; should convey a clear action message.
- Primary: Leads to consultation-type actions, supporting additional lead magnets.
- Secondary: For third-tier actions, these buttons are less contrasting with dominant site colors.
- Tertiary: Designed to blend with dominant colors, usable for non-disruptive interaction urges.
- Accent: Different colors for specific design scenarios; enhances visibility against similar backgrounds.
Keep Building Your UI Kit
Buttons and fonts are cornerstone UI elements that prepare you for expanding your UI design. They are essential components that will enhance the user experience for your business.