One Page Design

Could it all be so simple as a one page design?!

I will be exploring one page website designs that are stunning and visually appealing.

 

Homebird is the first website that sprung into my head. When you come across a homepage like this, you start to notice the hierarchy of the visual language and images. The first heading, “Get your house in order,” is rather prominent and makes it clear what is going on right away. That call to action header immediately redirects you to pictures of smartphones showing various Homebird app windows, not to mention the awesome orange button that stands out between the two. Because the backdrops are different from the opening part, it is easy to recognize as you scroll down that the section and information are changing. You can see a play of contrast and a blurred gradient inside the backgrounds of each segment to distinguish each one while subtly maintaining the warm color palette.

 

 

PIMPINELLA

This one page website was featured on the One Page Love website, and in my opinion, it’s a fantastic illustration of one page design. A bold, eye-catching headline at the top, along with images and text laid out in a grid-like layout, adds a wonderful touch to the website. The format reminds me of infographics and posters; there are visuals, then information that describes them so that the viewer can easily comprehend the content. The navigation is intuitive and compels you to scroll down for additional details. The benefit of placing information near the bottom of a page is that you may present it in a layout without being distracted by buttons or links at the top, which could cause visitors to lose interest and leave the landing page. As a landing page, it pushes information about PIMPINELLA and includes links for everyone’s convenience at the bottom.

 

 

 

The theme on the MAMA JOYCE PEPPA SAUCE website is really cool. The call to action is obvious, and you can tell that a product is being advertised merely by looking at the page’s header. I like how some of the headlines scroll horizontally at the top of the page and at each division or break. You learn a little bit about the product and its ingredients as you scroll down, and there is an information page with the company’s policy and terms & conditions at the bottom. The website is interactive and contains moving components that move as you scroll. The text is funky and invites you in, and you are able to soak up the information relatively fast because it’s straight to the point and the heading sizes help guide you to next section.

 

 

The three sites mentioned above are quite responsive when viewed on a phone. To ensure that the information flows and the content is positioned correctly, I think each website employed grid-columns. The material is organized such that the user may scroll and follow the content much like on a webpage.

 

0 comments on “One Page DesignAdd yours →

Leave a Reply

Your email address will not be published. Required fields are marked *