Single-page websites can be very effective for certain business goals, such as event promotions, new product launches, portfolio sites, and personal branding. The top advantages of one-page websites include straightforward navigation, a great mobile experience, and concise, easy-to-digest content.
These sites typically require less effort to maintain than multiple pages and, with compelling visuals and clear CTAs, can lead to higher conversion rates. With our single-page AI website builder, creating a one-page website for your business is a piece of cake, and you can start driving your business online.
Zarla checks that sites meet basic web standards for mobile and desktop. We also use Google's PageSpeed Insights, and WAVE, a service that evaluates accessibility for individuals with disabilities. PageSpeed scores and accessibility are important factors for search engine rankings. PageSpeed scores may not match user experience and can vary substantially.
Washington, District of Columbia, U.S.
Falafel Inc is a food social enterprise based in Washington, D.C. The business serves falafels, hummus, and more, and in partnership with the World Food Programme, they help deliver aid to refugees. The website's single-page design covers the business's story, menu, press mentions, and reviews.
The straightforward design authentically conveys the business's commitment to simplicity. Visual elements stand out well with ample spacing against subtle background colors, and concise descriptions present key information in bite-sized portions.
The site's anchor menu supports quick and easy navigation. Customer reviews and accolades featured in the news section build trust. High-quality imagery and concise, well-spaced content contribute to a pleasant user experience. The site performed well on WAVE, which flagged only a few contrast errors and one image missing alternative text.
The hero image is oversized, leading to a reduced impact. The business logo at the top of the website does not stand out well against the background. The body copy could stand to be bolder and larger for easier reading, particularly on the mobile site. The section about locations does not list any specific locations.
The desktop site greets visitors with the unusual layout of a menu bar beneath the hero image, making it not instantly apparent. The anchor menu floats, making navigation on this one-page website even easier. Aside from the hero image, the visuals are well-sized and displayed with ample breathing room, showing them to their best advantage on the desktop version.
The mobile site makes a more appealing first impression, thanks to the full length of the hero image displayed on the screen, even though it is cropped on both sides. It also features its menu in the more familiar position in the top-right corner of the page.
While the content is scaled down to fit a smaller screen, the body copy is rather small, making it less easy to read. The generous spacing on the desktop version is carried over to the mobile site but is less effective and would look better if the size of the graphics were reduced. On Google's PageSpeed Insights, the mobile site scored 56/100 for performance.
India
Equinox Design is a product and web design service provider based in India that caters to clients across the globe. The business's single-page website features a dark background that makes a bold, confident impression and against which its white text elements stand out well.
As users scroll down the page, they are introduced to the business's USPs, past projects, services offered, and pricing, with a helpful FAQs section toward the bottom of the page. It also features CTAs to engage visitors, along with graphics to highlight the business's points of differentiation.
The site features multiple CTA buttons, encouraging user engagement. Some visuals are animated, giving the site a dynamic feel. With only two empty links and two low-contrast errors flagged, the site performed well on WAVE.
The site is missing an "About" section that introduces the business. The "Who's behind Equinox Design?" section seems more like an afterthought and would be more effective if it were incorporated into an "About" section toward the top of the page.
The website's graphics really come to the fore on the desktop view, but the oversized headings have a somewhat overpowering effect. A floating anchor menu further simplifies navigation. While the desktop site scored an excellent 100/100 for both best practices and SEO on Google's PageSpeed Insights, it had a rather underwhelming performance score of 51/100.
Similar to the desktop version, the mobile site features a floating menu. However, the gradient-changing colors of the backdrop in the top section are more noticeable. Unlike the desktop version, the images showcasing the business's work do not automatically rotate on the mobile site and users have to click through the images.
On Google's PageSpeed Insights test, the mobile site achieved the same top scores of 100/100 for best practices and SEO but had an even lower performance score of 28/100.
http://beautywithintuition.com
Los Angeles, California, U.S.
Beauty with Intuition, founded by licensed cosmetologist Love Cordero, offers specialized Russian Classic lash extensions and training for lash artists in Los Angeles. The website features service details, a gallery of transformations, and a selection of recommended products available through an Amazon storefront.
The single-page website champions subtle elegance with a combination of a sleek serif typeface similar to those popular with luxury fashion brands, well-composed, concise, and relevant content, a gentle color palette, and a clean, well-spaced layout.
A clearly marked floating anchor menu makes it easy to navigate up to different sections of the desktop site. The site's images are high-quality, and it features client testimonials, providing the business with credibility and building trust with potential clients.
WAVE flagged several missing form labels and more than 20 low-contrast errors, which make the site less accessible for users with low vision. While the site features an online form visitors can complete to request an appointment, the absence of other contact information, such as a phone number or email address, and a shop address, is noticeable.
The desktop site is easy to browse, thanks to a floating anchor menu that also manages expectations of the sections the website features. The good quality of the images makes a particularly good impression on a larger desktop screen, with the generous breathing room giving each space to shine. The logical order of content, along with adequate text sixes, make it pleasant to browse the content, and CTA buttons stand out sufficiently to encourage user engagement.
While the content adjusts to smaller screens and maintains a strong focus on its images, rendering some of these in proportionally larger-looking sizes, it lacks a floating menu to make it easy to jump to different sections instead of having to scroll up and down the page.
The mobile site would look more balanced if some of the images were downsized a little. Further optimization may also help to speed up loading times, as Google's PageSpeed Insights scored the mobile site's performance at 66/100.
U.S.
Muse Group is a distributed software and education company in the music sector and has an international team spread across 25 countries. Their website walks users through its product offering and encourages user engagement in its gift giveaways and free subscription sections.
It further provides insight into the way the company operates, with ample imagery showing employees at work, adding a personal touch. Small animated elements add to an amusing user experience.
Animated graphics and engaging features, such as a gift giveaway quiz, add to an entertaining user experience. A floating anchor menu enhances the straightforward navigation, and photos of staff in action create a personal connection.
While excessively large title fonts make a strong impression, longer titles can be awkward to read and risk being skipped altogether. The site did not perform very well regarding accessibility, with WAVE identifying more than 70 errors, including multiple empty links and missing alternative text.
The retro energy of the site's static backdrop comes across particularly well on a larger desktop screen and provides a subtle, active undercurrent to the website. While animated graphics during the scrolling experience are entertaining, the process can feel rather lengthy due to very large fonts and generous spacing.
However, a floating anchor menu at the bottom of the page allows users to jump to different sections and forego the scrolling. Large image sizes and layout shifts contribute to a slow loading time, which is reflected in the site's 25/100 performance score on Google's PageSpeed Insights.
While the real-world experience of the mobile site is not excessively slow, Google's PageSpeed Insights test yielded a very low score of 13/100 for performance. Contrary to the desktop site, the lengthier headings in large sizes are easier to read on the mobile version. However, some sections, such as the playlist component, should be resized for a more pleasant experience.
The mobile site is missing the prominent, top-most contact CTA button on the desktop site, and users have to open the hamburger menu to find a contact option. While the hamburger menu floats, the mobile site stands out with a back-to-top button.
https://bwbhospitalitycompany.com/
New York City, New York, U.S.
BWB Hospitality Company is a New York City-based venture that helps new hospitality businesses launch and established food and beverage companies to adjust to the markets and grow. Their website has a clean and professional design with a muted color palette and stylish food photography, adding a touch of elegance.
Small animated features add a dynamic character to this one-page website, which presents details about its services and staff in an easy-to-follow and logical flow. A selection of company logos showcases the businesses the BWB Hospitality Company has worked with, and a sign-up option to the BWB newsletter encourages engagement.
Adequate spacing and a clean layout make for a pleasant scrolling experience. The content follows a logical structure, informing visitors about the company, its services, and its staff. Contact information is easy to find and a newsletter sign-up option encourages visitors to engage.
Spelling errors on the site don't inspire confidence, and WAVE flagged a rather large number of images missing alternative text and instances of very low contrast between text and background colors, inhibiting the user experience.
While the floating anchor menu, large images, elegant color palette, and spacious layout of the website make the desktop user experience pleasant and effortless, the prompt to sign up for the company's newsletter and icons linking to its social media pages are easily overlooked as these are only displayed right at the bottom of the website.
On Google's PageSpeed Insights, the desktop site scored an admirable 100/100 for best practices and SEO but did less well in the performance category, where it achieved a score of 70/100.
While the site's images resize appropriately to fit a smaller screen, some text elements are not adjusted appropriately. The mobile site maintains the delightful animations as on the desktop site, but some gaps between content are larger than necessary, interrupting the otherwise pleasant flow of the site.
Unlike the desktop site, the mobile version includes social media links in its top menu. While it also achieved a score of 100/100 for best practices and SEO, the mobile site's performance score on Google's PageSpeed Insights test was 56/100.
Also referred to as one-page websites, single-page websites are sites that contain all their content on a single HTML page. These are typically laid out in a manner that allows visitors to scroll through the content vertically.
Single-page websites are suitable for certain businesses and projects, such as simple, one-off projects, events, or new product launches. Startup businesses may also opt for a single-page website to begin with.
You can create a one-page website using a website builder.
While some website builders may provide single-page website templates you can customize, you can also use Zarla's AI website builder to create a one-page website from scratch that is tailored to your business. You can then customize the site for free for up to 30 days and launch it with Zarla for a small monthly fee.
Yes, several website builders, including Zarla, allow you to create a single-page website for free and offer paid options for hosting your website.
