How to find inspiration when building a one-page website

Key quotes:

• "As a UI/UX designer, it’s your job to create delightful experiences for users."
• "Handsome’s website has a black and white, retro-vintage theme which is accompanied by a selection of charming micro-interactions that delight visitors as they explore."
• "Each project is displayed within the horizontal scrolling menu, a ‘must-see’ feature of this site."
• "Daesk features a parallax scrolling site with vibrant acid colors and gorgeous blended background vectors."
• "The website features a scroll-to-make experience, which takes visitors on an interactive journey through cooking pasta with Tillamook."
• "The one pager features a fun interactive color scheme slider with links to the host’s website, previous conferences, and contact information."

Key quotes:

• "No matter why you want a one page design website for your business, here are 10 of the creative one page website examples and templates for your inspiration: Designer: WebEnertia Highlights: Outstanding navigation menus Since one page websites always have limited space to show all their products or services, they are often designed with a clear and easy-to-use navigation bar or system for better UX."
• "What can you learn: *Make your website easy to understand and navigate with outstanding navigation bars/systems Demo Preview Designer: Born05 Highlights: Horizontal scroll design; Video background and music Most websites online are created vertically."
• "What can you learn: *Simplify your one page website with hidden navigation bar Demo Preview Designer: Bourn Highlights: Dividing different functional areas Dividing different functional areas with distinct color blocks is an effective method for designers to organize and show all website contents intuitively."

Transcript: Hey what's up welcome to my second channel my name is kris trini and I'm here partnering with Wix to give you some some tutorials on some very cool features that you can do inside of Wix today we're starting things off with creating a landing page so this is gonna be just a one-pager where you can have a bunch of stuff that can be all linked together in just one place so it's gonna be really cool quick and easy to create so let's jump into Wix and see how we can get started all right so let's get started and there's a few ways that you can log in right off the bat you can do it through Facebook which is person who I've done or you can have a login username and password from here we're gonna maybe select the template it's up to you you have a lot of great starting points available to you they're split up in different categories so you know no matter what you're doing you already can find something that's pretty close to to what you have in mind that's already pretty functional and you know done by by professionals... See more →

Key quotes:

• "Cute and catchy hero illustration sets the positive mood and informs about the nature of the service letting all the other content be readable and clear on the airy light background."
• "The page design is built around a prominent and a bit experimental hero illustration setting the original visual style and catching users’ attention."
• "This design features a landing page of that kind: its goal is to promote an art exhibition and let users quickly buy tickets."
• "This web design with a prominent hero illustration is right about that: it’s a page created for the web platform that helps artists and their clients easily find each other and together make the world even more beautiful."
• "This landing page was designed to promote a digital product of that kind: it allows users to build interactive maps for their smart homes, offices and even public spaces."
• "The prominent hero illustration won’t let the user pass by, tagline and description present the key benefits of the offer and CTA button engages the user to try the tool for free."

Key quotes:

• "6) Gallery — a collection of designer’s work or writing stuff or demos In fact, personal website presents a variety of different design styles and functions."
• "Check this one out and leave your resume document away What you can get here: Resume, Portfolio The simple personal website uses blue as the background with word in white, and presents a clean and simple welcome interface."
• "Like what he believes, “ Offering creative design solutions to solve business problems is what I do best.” What you can get here: Resume, Personal brand Thalida is a Senior Software Engineer."
• "His personal website design including a blog, online shop and the work of him."
• "What you can get here: Blog Thuis is a dark-schemed one pager professional personal website, which is the coffee-tasting journal of designer Tobias Reich."
• "It’s a lovely clean colorful design in a responsive One Page personal website."

Key quotes:

• "Nowadays, increasing numbers of UX/UI designers are adding interactive and animated elements, like hover states, audio or video media, scrolling interactions and more, to their websites in the hope that the interactive features will attract and encourage more site visitors to read and engage with the site contents."
• "Renaud Rohlinger Portfolio is an interactive developer portfolio website that allows users to follow a cute cat with simple clicks through different design projects."
• "Related article: Top 10 Free Online Portfolio Websites to Create Perfect UX/UI Design Portfolios Ocean School is an interactive adventure website that allows visitors to explore and learn all about the oceans by scrolling mouse."
• "Webflow is not only an interactive website with a wide variety of animations but also a useful online tool that helps designers and developers create responsively and visualized websites easily and efficiently."
• "Moreover, the various interactive and animated elements make it easy to check out its design work and related studio information with simple clicking and scrolling."