Search SaaS UI & UX Design Examples

Search thousands of real SaaS screens by keyword, category, industry, or product. Discover relevant UI patterns and find inspiration faster.
Type
Categories
Patterns
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
:
Loom Sign Up Flow
Sign Up Flow
Loom
Account Setup
Product
Hi, welcome to Loom. Your privacy matters to us. Effective Date: March 18, 2019 These Terms of Service (these “Terms") govern your use of the Loom website (the “Site"), the Loom video platform and associated tools (collectively, the “Service") made available by Loom, Inc. Your use of the Service indicates that you agree on behalf of yourself or the entity that you represent (collectively, "you") to be bound by these Terms as well as the Loom Privacy Policy. Please read these Terms carefully before registering for or otherwise using the Loom Service. |. Overview Loom provides a video messaging platform. Loom is offered in two versions: * Basic Loom. A basic version of Loom is available for free when you register with Loom and set up a user account. The user registration process requires that you agree to these Terms. * Loom Pro. A premium version of Loom is available on a paid basis via either a monthly or annual subscription. Loom Pro allows the setting up of team accounts and provides other enhanced Loom features, including higher video quality and greater video storage. These features are only available in Loom Pro. See our Site for details on these Loom Pro features, which will be improved and expanded over time. Il. Registration Use of the Service, whether Basic Loom or Loom Pro, requires that you register with Loom. When you register with Loom, you will be asked to disclose certain personal information, including your name and email address, and to set up a user name and password, all of which will be subject to our Privacy Policy. You are responsible for all activities that occur under your account and for keeping your password and log-in information secure. You agree that you (1) will monitor your account, (2) will not share your account or password with anyone, and (3) will notify Loom immediately of any unauthorized use of your account or password, or any other breach of security. You agree to provide us with true, accurate and complete information as requested in our registration process. You also agree to update such information promptly as necessary to keep it current and accurate. Ill. Payment If you register for Loom Pro, you agree to pay all fees or charges to your account for the Service in accordance with the fees, charges and billing terms in effect at the time that each fee or charge is due and 1 Agree
Light
Typedesk Use Cases
Use Cases
Typedesk
Use Cases
Marketing
O typedesk Case studies > Marketing How typedesk helps Marketing teams to senda consistent message across the board Marketing teams are constantly crafting and using Features Use cases Get started free Pricing contents that communicate a brand's positioning and image. typedesk helps at many levels: discover how! Send a more consistent Marketing message today! typedesk is free forever! Try it today and start saving time on your daily tasks. Enter your email to download typedesk. Get Started Free Mac and Web Browsers Answer Facebook comments typedesk makes it much faster to answer repetitive Facebook comments. Create short templates for various greetings and situations, and make sure your whole team keeps in line with the company policy when it comes to dealing with angry customers for instance. Reach out to bloggers and influencers Online PR is a necessary but painstakingly slow task! typedesk can help reaching out to bloggers, youtubers, and influencers in a consistent way. Create your templated messages to get in touch with them faster than ever. Create post templates Posting videos on YouTube or Facebook? Creating a podcast? If you need to use the same template on a regular basis, store it in typedesk and quickly copy and paste it everytime you create a new post. It's easy and will keep your posts nice and clean! Download our apps O typedesk Ditch repetitive typing with powerful canned responses for you and your team. Windows Mac Chrome extension Firefox extension 4 [email protected] Web app edesk 2020 & Conditions Add hashtags to your posts When you post on Instagram, Facebook or Twitter, you might always add the same hashtags. How about the rest of your team? Make sure your hashtags are always there with a template for your hashtags, that you can use on alll social networks! Send out emails faster Create signatures, greetings templates, and canned emails that everyone in your team can use! Need to update your whole company? Easy! Just update the contents from your account, and everyone will use the latest version if your text! About How we compare Use Cases Canned responses for Gmail Features Canned responses for Zendesk Pricing Canned responses for Twitter Help Canned responses for Linkedin Contact Blog Show more comparisons Priva Vote for ur next features
Light
Airtable Product Tour
Product Tour
Airtable
Product Tour
Modal
Product
Use cases Tutorials })\ Marketing asset management ~ Support articles Case studies Whitepapers Webinars HELP @ @ Toggle Blocks $$ BLOCKS All products Q Find a view & All products ‘Add view B Grid B Form 6 Calendar B Gallery @ Kanban fields Group A Product > Standard drop Same-hour drop Drop delay 5-minute yogurt drop 8 Blocks Blocks are customizable apps that live on top of Airtable bases. With blocks, you can build powerful dashboards and bring your perfect workflow to life. 18 records 4 Sorted by 1 field © Category ‘Traditional delivery ‘Traditional delivery ‘Traditional delivery os @Color SN A= Description > The boring o shipping.” Some people call this “standard 3-5 business day Get any essential item dropped to you within the same hour. Delay any drop for up to 3 weeks. It's like surpri ing yourself! We love yogurt, so we'll drop yogurt to you within 5 minutes of your request. Need food, like, now? We'll not only drop off the food but also the chef to make the food table-side! Glitter, empty boxes, you name it. Give us a target and we'll do our worst. Have you ever lost a sock in the middle of the day? No? We'll still drop a single sock to you. Imagine a snowball of very large i dropped. Yeah. sms rolling through your city to be For items the size of a rock, we'll use a slingshot to fire it through your window. Make sure to keep it open! We send a robot to drop your location. This is as much of a dog visit as it is a drop. Choose from Golden Retriever, Labrador Retriever and (oddly enough) Cavalier King Charles Spaniel. Haade tint Our flaat af drones wi loon wou fmm tha nttps://www.fakelink.com/delay httos://www.fakelink.com/prank https://www.fakelink.com/singlesock https://www.fakelink.com/snowball https://www.fakelink.com/slingshot https://www.fakelink.com/dog
Light
Heap Webinars
Webinars
Heap
Webinars Page
Marketing
Heap Product | WhyHeap Customer Stories Resources Contact Us Log In to The 3 Rules behind the Most Successful Products Webinar with SC Moatti Founder of Products That Count & Managing Partner at Mighty Capital Learn how to build better products with SC Moatti’s framework. Register for this on- demand webinar now! How do you go about creating products used by billions of people? What are the rules every business needs to know to build great products in an always-on world? [ The more connected we are, the more we expect from (Privacy technology. Our phones, apps, smart watches and other First Name: tech gadgets have essentially become the new extension of ourselves. The challenge is to channel innovation in a [ way that make us better humans. Silicon Valley visionary, investor and award-winning Last Name: bestselling author SC Moatti lays out the three rules every product needs to be successful. In this webinar, you'll learn SC’s three rules: Work Email Address: Company Name: © The body rule, to create beautiful products © The spirit rule, to personalize tech products to a user’s mood and context * The mind rule, to effectively adapt to the constantly evolving tech Ea About SC Moatti: SC Moatti is the founding partner of Mighty Capital, a Silicon Valley venture capital firm - and Products That Count, a global community of product managers, leaders & founders. Previously, she built products that billions of people use at Facebook, Nokia, and Electronic Arts. 3 Your Presenters from Products That Count and Heap Abhi Puranam Product Marketing Manager, Heap SC Moatti Founder, Products That Count and Mighty Capital Want to see a demo of Heap’s Product Analytics platform? We would love to chat with you. Request a Demo Product Solutions Resources Company @Heap Product Analytic: e ces About Power your busi isions Autocapture Partners with truth. Activation Virtual Even Customers Data Governance Careers Retention Security & Pricing Contact Us Compliance Pri Terms 2020 Heap, Inc
Light
Airtable Product Tour
Product Tour
Airtable
Product Tour
Modal
Product
Products » Use cases Tutorials }\ Marketing asset management ~ Support articles Case studies Whitepapers Webinars HP @ @ 8 9 GMD All products Q Finda view & All products ‘Add view B Grid B Form 6 Calendar B Gallery @ Kanban fields Filter A Product > Standard drop Same-hour drop Drop delay 5-minute yogurt drop A Single line text Customize a field Fields are similar to columns in a spreadsheet. Each field contains a particular type of information, like attachments, checkboxes, or colorful select options. 18 records Sorted by 1 field © Category @Color SN © 45 Description (GTraditionalidelivery) some people call this "standard 3-5 business day os shipping. Get any essential item dropped to you within the same hour. Delay any drop for up to 3 weeks. It's like surpri ing yourself! We love yogurt, so we'll drop yogurt to you within 5 minutes of your request. Need food, like, now? We'll not only drop off the food but also the chef to make the food table-side! Glitter, empty boxes, you name it. Give us a target and we'll do our worst. Have you ever lost a sock in the middle of the day? No? We'll still drop a single sock to you. Imagine a snowball of very large i dropped. Yeah. sms rolling through your city to be For items the size of a rock, we'll use a slingshot to fire it through your window. Make sure to keep it open! We send a robot to drop your location, This is as much of a dog visit as itis a drop. Choose from Golden Retriever, Labrador Retriever and (oddly enough) Cavalier King Charles Spaniel. Haade tint Our flaat af drones wi loon wou fmm tha httos://www.fakelink.com/prank https://www.fakelink.com/singlesock https://www.fakelink.com/snowball https://www.fakelink.com/slingshot https://www.fakelink.com/dog
Light
Airtable Product Tour
Product Tour
Airtable
Product Tour
Modal
Product
= Use cases All products Q Find a view & All products ‘Add view B Grid B Form 6 Calendar B Gallery @ Kanban }\ Marketing asset management ~ Supportarticles Case studies © Whitepapers Webin® “tide fields = Filter 4 Sortedby Color Gm Q o A Product + © Category Description 1 Standard drop — The boring option. Some people cal shipping 2 Same-hour drop Get any essential item dropped to yi 3 Drop delay Delay any drop for up to 3 weeks. It 5-minute yogurt drop Nice work! You're ready to start creating. Find the @ help button in the upper right corner if you ever want to learn more. Start creating 18 records We love yogurt, so we'll drop yogurt request. Need food, like, now? We'll not only make the food table-side! Glitter, empty boxes, you name it. G Have you ever lost a sock in the single sock to you. Imagine a snowball of very large iter dropped. Yeah. For items the size of a rock, we'll usi window. Make sure to keep it open! We send a robot to drop your locatior This is as much of a dog visit as it is @ Labrador Retriever and (oddly enoug! Haade tint Our flaat af drones will y Marketing asset dashboard + Install a block BB Read me + How should | use this Marketing asset management template? Use this template to centralize all of your marketing collateral into a single messaging and asset library. Here are a few tips for getting the most out of it: + Everything in an Airtable base is customizable, so you can add, edit, or remove any tables, fields, records, or views. = The Use cases field in the Products table is a linked record field. This means that if you click on one of the blue tokens with the name of a related use case, it will open up an_ G3 search + Search Marketing asset management... Q ©) Product categories bar 6 drop Same-hour drop 6 Drop delay yogurt drop
Light
Webflow University
University
Webflow
Academy
Marketing
webflow university Courses Topics Blog Forum Contact + More » Creating a custom portfolio In this fu build, we'll c eacu V a > Start Course aE | About this course 8 Video Lessons In this course, we'll build a fully-responsive, CMS-driven portfolio website in the Webflow Designer. This includes designing the homepage hero | Intermediate section, creating the database for client projects, designing the client project index and detail pages, adding social proof with client logos, © thour creating a contact section, and animating the fixed navigation menu. Requirements + Free (or paid) Webflow account — sign up + Chrome or Safari browser + Adeep love of animated menus Course outline CREATING A CUSTOM PORTFOLIO © Part 1: Intro — What you'll learn in this course 1:12 © Part 2: Designing the homepage hero section 8:59 © Part 3: Creating the database for client projects 3:45 © Part 4: Designing the client project section © Part 5: Designing the client project detail pages 7:36 © Part 6: Adding social proof with client logos 4:19 © Part 7: Building the contact form 9:12 © Part 8: Animating the fixed navigation menu & outro More courses Webflow 101 crash course Webflow Ecommerce Client's Editor guide Building a business website Ultimate web design course 18 Intro to web design Web elements CSS styling 30 CSS layout and pos’ Interactions and animations SEO fundamentals Community Forum Contact Support community. We're availal Share you Friday, 6 a.m.-6 p.m. PT webflow Product Company Help & Support Social 2020 Webfi Inc. signer About YouTube All rights Interactions Blog Twitter Jot lebflow 101 Facebook ommerce Terms 0 oks gram Privacy Policy Service Status sting Sitemap Contact Support Feature Index & Pricing in Webflow
Light
Appcues User Onboarding Academy
User Onboarding Academy
Appcues
Academy
Marketing
ONBOARDING Ac LESSON 1 Ets Establish — Intro Welcome to your first lesson of the User Onboarding Academy! Over the next § lessons, you'll learn each stage of the EMBED framework for user onboarding. EMBED stands for establish, map, brainstorm, execute, and do it Video again. Lesson Homework Reading List Next lesson + Today, the first lesson is about establishing 3 things. First, welll establish the importance of onboarding. Since you're here, signed up, and interested in learning more about onboarding, | bet that you're already a believer. But this lesson will give you some additional talking points when championing the project internally. Second, we'll establish the difference between good and bad onboarding—and oh, is there a difference! Third, we'll establish who you should tap at your company to get involved for your onboarding team to make sure you're set up for success. Ready? Let's dive in, The business impact of user onboarding In 2007, Dave McClure coined the term “Pirate Metrics” to explain 5 metrics that contribute to a product's success. The Pirate Metrics include acquisition, activation, retention, referral, and revenue—or, as a pirate would say— AARRR. Q on } ACTIVATION T E > RE ‘The user interacts with you Out of all of the Pirate Metrics, activation is the most important, as just a 25% increase can yield a 34% lift on MRR after just 12 months. Nothing to sneeze at. And user onboarding is the number one thing you can do to improve activation. It's not just a ‘nice to have’ inside your product—it has a tangible, measurable business impact on your company. “To improve activation, turn to onboarding.” Casey Winters agrees. He says, “When we really dig into growth problems, we often see that enough people are actually coming to the products. The real growth problems start when people land...and leave. They don't stick. This is an onboarding problem, and it's often the biggest weakness for startups. It can also take the longest to make meaningful improvements when compared to other parts of the growth funnel.” Remember: For a new user, onboarding is the product. They're not thinking of it as a separate process like, “Ah, this is great onboarding.” They'll just think, “Wow, this is a great product.” Let's take this one step higher. Samuel Hulick says that the goal of onboarding shouldn't be to make the users better at using the product at all. But rather, it should be helping people be better at what your product lets people do. “Proficiency with software is never the goal.” Hulick a difference between good user onboarding and bad user onboarding Remember that time you hopped into an application only to play whack-a-mole with 20 pop-ups? Or what about that time you excitedly joined a new app and saw... nothing? No onboarding experience, no sample data, nothing in the empty state. That's also bad onboarding. As consumers, we've all seen our fair share of bad onboarding experiences. Let's explore some common attributes that make an onboarding experience good or bad. BAD ONBOARDING GOOD ONBOARDING * Isannoying + Complements the product. Is helpful, topical, and in context + Obscures information + Doesn't hinder use of the product + Not relevant to the user + Is smart. It knows what the user has done/hasn’t the user should take, done and meets users ar about the + Isn’'te 0 multiple goals, or tries to teach promp secondary and tertiary skills + Focuses users towards one goal—to get to the aha moment, This might take a fe those + Hasn't changed since the first time it was steps are just trying to achie 8. implemented + Constantly evolves and adapts. Isn’t just set up + Focuses on the cre: and for goals instead of th ten, + Isaligned with the —gets them to moment. This might take a few steps, but all those + Hasn't changed since the first time it was steps are just trying to achieve one thing. implemented + Constantly evolves and adapts. Isn't just set up + Focuses on the creator's goals instead of the and forgotten. user’s + Isaligned with the goals of the user—gets them to + Isn'ttied to metrics of success be better at the thing the software allows them to do + Isbad for business + Continues onboarding current users with new feature announcements or new things to discover + Is good for business Establish your onboarding team Alright—you know the importance of onboarding and the difference between when it’s good and bad. Now, you need someone to take ownership of driving the user onboarding initiative ahead. We've found that the best owner for user onboarding is at least a bit technical and can collaborate closely with developers. They also should deeply understand their users’ needs, emotional states, and the ins-and-outs of the product. But, onboarding is a team sport, so it’s time to get some buy-in and build your team. First stop is your product team. Invite relevant PMs, UX designers, product designers, engineers, growth marketers, and product marketers. Oh! And you might want to bring in customer success and sales, too. Every company is unique, so there's a chance your onboarding team will look very different depending on your go to market strategy, team structure, and unique strengths. When in doubt, we recommend socializing the onboarding process widely. Just make sure that you have one leader to manage ideas, discussions, and next steps. Because the truth is, onboarding needs to be holistic. You need to EMBED it into your company’s product design and development process. If you don't, users will get a fractured experience. Marketing won't stretch beyond a few onboarding or product marketing emails. Product won't stretch beyond UI tweaks. Sales will touch base with users every so often and try to convince them that they need to upgrade. non-holistic onboarding process means a fractured experience for your users.” While the specific tasks and responsibilities may vary slightly from organization to organization, teams need to work together to build a great user experience. (We'll get to all of the onboarding experiences to consider in lesson 2and 3) Last, and maybe most importantly, it’s best to avoid the dreaded executive swoop-in—or Jared Spool's more colorful “executive swoop and poop”. You can do so by getting your leadership team on board (no pun intended) before you kick off your user onboarding project. Encourage your executive team to regularly look at activation as a key business metric alongside acquisition, revenue, and retention. That way, you can truly EMBED user onboarding as a priority in the business and get it the resources it deserves. Lesson 1 wrap-up One of the most important things you should take away from this academy is that user onboarding requires so much more than just checking the box. You will need to quickly test, measure, and iterate on each piece you set up, constantly monitoring to make sure you are providing users the value your marketing promised. In order to work towards great user onboarding, you'll need a holistic team to work with you. Your user onboarding process will become a unique thing for your team/company, but the EMBED framework will help you create that process. Homework for lesson 1 * Talk to your executive leadership about tracking activation as a core business metric and your plans for onboarding. + Keep your eyes out for examples in your own life of good or bad onboarding. Consider keeping a journalevernote/doc for tracking inspiration and ideas. + Invite the rest of the team to this academy! Try setting it up as a weekly lunch and learn. Forward it on each week. Or invite them to sign up themselves. = Invite your teammates to the Academy! Your name* Your colleague email* [email protected] Custom message Example: Hey Jan--thought this would be helpful to you too as we work together on onboarding 4 Send an invite Additional reading User Onboarding vs. Customer Onboarding Why User Onboarding is the Most Important Part of the Customer Journey by 2.6x Why Activation is the Most Important Pirate Metric (Calculator) User Onboarding is a Team Sport: Who Should Work on What 4 Appcues Platform Use cases Company Resources Platform Product-Led Growth Flywheel How it works Integrations The Flow Builder Pricing © 2020 Appcues. All rights reserved. Use cases User onboarding Feature adoption Customer surveys & feedback Announcements & campaigns Self-service support Roles Growth Product management Product marketing Customer marketing Customer success & support Company Product-Led Growth Customers About Careers Security Support Request a demo Start free trial Developer Docs Help Center Contact Resources The Appcues Blog Product-Led Growth Collective User Onboarding Academy ReallyGoodUX Product Launch Planner Pirate Metrics Calculator User Onboarding Cost Calculator Webinar Series Follow us f in © Security Terms of Service Privacy Policy
Light
Upgrade to SaaSFrame Pro to browse all screens

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now