One Page Web Design

One page websites are a popular design style in the modern age. The reasoning behind its popularity is that all the site’s content is contained to one page. This layout is especially beneficial for mobile layouts because instead of having to navigate between several pages, it allows the user to easily navigate one page that contains all the site’s content. This also allows the designer to create the one page under a singular unified picture of what they wish to convey to their audience. Listed below are three successful examples of one page design from the websites of Kit Kat, Colourcode, and Pixel Lab.

Kit Kat

Kit Kat’s one page website is meant to give a visual breakdown of what a Kit Kat is, share the history behind Kit Kat, and express some selling points of Kit Kat candy. The audience for the website is for users of all ages, but perhaps more-so adults than children given the mildly advanced vocabulary used. The site’s design approach was to break down the Kit Kat by each layer as new content is introduced. Some key visual elements that establish the style and the mood is the breaking down of the Kit Kat and the color scheme. These aspects establish the style and mood because they follow the Kit Kat color scheme of red and white, staying true to the brand, and by breaking down the layers of a Kit Kat, the user has a better idea of what they are eating. I truly feel that this website is successful, given my previous remarks. One of the only aspects I feel falls short is the navigation links on the right hand side of the page. When you click on the name of the section you wish to jump to, it does not jump you to that part of the website, which I found to be a slight disappointment.

When faced with responsiveness, Kit Kat’s website is almost fully responsive when resizing the browser window. When you narrow the browser window, the images are fully responsive, however, the text is not. If the browser window is made narrow enough, the text gets cut off and is unable to be read, which is an issue. Other genres or art or design this webpage relates to is other candy commercials, such as this Reese’s Take 5 commercial. In the commercial, the candy being pushed up through the different toppings is being “constructed” layer by layer. The designer, as other designers have, likely thought that as they transitioned from layer to layer, this allowed for a smooth way to introduce and define information and sections, notably in a unique manner. I imagine the designer designed the site this way because it is a clever way to transition between information while allowing the user to see the product in its entirety. In my opinion, this is an effective layout method because it flows smoothly and fulfills its purpose. I think content that does well with this layout is food products, or products that can be broken down by layers, so perhaps products such as Legos. Content that would fall short with this layout without be solid products that cannot be broken down.

Colourcode

Colourcode’s purpose is to randomly generate color palettes for users. The audience of the webpage is individuals seeking to find inspiration for color palettes or hoping to randomly generate color palettes. The design approach taken is utilizing a majority of the webpage to display the colors in the color palette. On the left hand side there are options for selecting different types of color palettes and downloading the created color palettes. Key visual elements that establish the style and mood the website are the color blocks and the menu bar. There are small details that contribute to the visual elements, such as how the color wheels beside the title of each color scheme consists of only colors within the defined color scheme. I found this website to be entirely successfully. It allows users to add more or less colors to their palette, it is simple and able to quickly be picked up by first time users, and offers a variety of color palette options. In terms of its design, I believe it is successful because there is not too much going on within the page and the colors used in the menu bar on the left hand side do not get overpowered by the changing colors in the color palette.

Colourcode’s website is completely responsive. When the browser window size is reduced, the information is condensed, but fully visible. The text adjusts to the size of the window as well as the color shade boxes. Other genres or art design it relates to other color palette generating websites. Specifically, the website it reminds me is coolors.co. It is a bit ironic because I have actually had to use this website for a class before, so I am rather familiar with the format and design of the website. I imagine the designer was going for a simplistic design that was intended to be user friendly and easy to use. They likely designed the site to be such and to serve its sole purpose of creating color palettes. Overall, I believe this website has an extremely effective layout. The flow of the website is notable, its usability is admirable, and I did not find anything that would lead to me to say it was ineffective. I believe the content that worked the best was the menu bar on the left hand side of the page and the color palette boxes. If I were to say anything need to improve on the website, it would be the size of the menu bar adjusting when the size of the browser window is changed.

Pixel Lab

The purpose of the Pixel Lab’s website is to give a background on the company, showcase featured work, and allow for user and business interaction. The interaction between the two parties is conducted by the user leaving their name, email, and a message for the company in their Contact section. The audience of the website appears to be individuals interested in web design and development and the design approach is to transition between sections with distinction that capture different content so that it appeals to users. All these sections can be found in the menu bar at the top and they scroll you down the page to section of your choosing when clicked upon. Some key visual elements that establish the style and mood are the visuals, the color scheme, and the transitioning of background colors between sections. The visuals showcased on the webpage are more significant than other webpage’s images because this company conducts web design, so if the user is pleased with the visuals incorporated and the overall design of the site, then the user is more likely to be confident and interested in working with the company. Given that notion, I find this to be yet another successful website. The reason I attribute success to this website is it effectively appeals to its audience, it has considerably good usability, and maintains a well designed layout.

As for responsiveness, this website is easily the most thoughtful in terms of resizing. Out of all the three examples mentioned, I truly appreciate Pixel Lab’s approach to responsiveness because of its thoughtfulness and usability. Instead of making the only changes to images and text size, Pixel Lab actually changes the design of the page as needed when the browser is smaller or larger. Other genres or art or design this website reminds me of is the color scheme and imagery in this blog post. In my opinion, when creating this website, the designer made it a point to not include excessive information, to showcase the company’s abilities in respect to the services they offer, and to maintain good usability on the user’s behalf. They designed the site this way to maximize the user experience. Overall, I found this to be an effective layout method. Referencing an earlier discussion in relation to this website, I believe the effective layout plays into the successfulness of the website. Aspects of the website that showcase the content very well are the menu and the transition between sections. If I had to recommended one aspect of the layout to be improved, it would be the way the title begins to get more and more lost in the opening image as you scroll down.

Thoughts about One Page Design

One-page sites might evolve in the future as web design and our devices change because the demand of how to be responsive will change. As new devices emerge, the way webpages are set up will have to be adjusted accordingly. Currently, when creating a website, it is important to adjust the website for a desktop layout, a tablet layout, and a landscape and portrait mobile layout. These sites work on phones because of responsiveness. A simple example of a difference between a desktop layout and a portrait mobile layout may be how the menu is displayed. In a desktop layout, the menu can be laid out on the webpage in full versus on a portrait mobile layout the menu may be presented in an accordion style. Through the difference of these layouts, a user can learn how broader trends different between each layout. An example of this is how the content may be presented more vertically or more horizontally depending on the layout being used. Also, border and padding, text size, image size, etc. differs depending on the layout being used. Several broader topics can be better understood as to how they differ between layouts through the observation of and research on different device layouts.

Rae Dunn is a collectible brand of pottery sold primarily at TJ Maxx, Marshall’s, and HomeGoods. Rae Dunn pieces are distinctive because of the lettering featured on the pieces and how they have words or phrases etched in them. The pieces are well known for being plain white with black lettering, and some of the most popular pieces are mugs. In “Collecting Rae Dunn: Everything You Need to Know” by Lauren Hofer, she outlines what the Rae Dunn craze is; provides some background on the artist; explains where to find the pottery pieces; and discusses getting involved in the Rae Dunn community.

This photograph showcases Rae Dunn pottery being displayed in the dining room of a collector’s home. Photographed by Rebecca Myers

There are, however, pieces that do not match the description provided above. Some of the pieces are different colors, contain different fonts (such as script or typewriter,) and display various patterns/images. With the exception of ghost stamped pieces, all Rae Dunn pottery pieces are marked with a stamp on the bottom. However, there are several different stamps Rae Dunn pieces have. The pieces are either marked with a Rae Dunn, Rae Dunn by Magenta, Magenta, Magenta Exclusive, or M Studio stamp. In Rae Dunn’s article, “RAE DUNN vs. RAE DUNN BY MAGENTA.” she outlines the difference between the Rae Dunn and Rae Dunn by Magenta stamps. As for the Magenta, Magenta Exclusive, and M Studio stamps, Magenta is the company that produces Rae Dunn pieces, so the pieces were marked with their stamps before her work became popular enough to have its own. So, even though the stamp does not say Rae Dunn on it, it does not mean the piece is not Rae Dunn pottery.

4 Places to Find Secondhand Rae Dunn Pottery

While new Rae Dunn pottery is be found at retail shops, secondhand pieces can be found at secondhand venues. These stores include thrift stores; flea markets; antique malls; and yard, estate, and garage sales. By shopping at secondhand venues, collectors are also able to avoid the crowds that retail stores house and collectors can find pieces outside the ones in circulation at the retail stores. At these secondhand stores, vintage pieces can be found as well as pieces sold for under retail.

In Cecilia’s blog post, “Rae Dunn Cookie Jar: Friday’s Find #246,” she shares how she found a Rae Dunn cookie jar at the thrift store. She goes on to share how she decided to use the cookie jar for decoration. As she notes in her post, even if you are not a Rae Dunn collector, it is still exciting to find Rae Dunn pieces at the thrift store.

Avoid the Crowds While Finding Pieces Outside the Circulation

One of the main benefits to hunting for Rae Dunn pottery secondhand is not having to track items and figure out when they will be hitting the shelves; to attend store openings and revisit the store multiple times a day to see if the shelves have been stocked; and to avoid the crowds and collectors at the store. The following video, “Why Rae Dunn Pottery is Causing a Frenzy,” explains what the Rae Dunn pottery craze is and how collectors hunt for pieces at the retail store HomeGoods. This video outlines how collectors spend countless hours in the store in order to ensure they get items they are looking for. While it is not guaranteed pieces will be found while secondhand shopping, there is not as high as a demand for secondhand Dunn as brand new Dunn, so there is a greater possibility of finding a piece secondhand against other collectors who shop secondhand opposed to finding a new piece against collectors who stop at the retail stores.

Another notable benefit to secondhand shopping for Rae Dunn is that collectors find pieces that are out of circulation. At retail stores, there are only certain items that circulate and can be found in stores at a time, while at secondhand stores older pieces can be found at any time, ones that are unable to be found in store. For instance, a collector may go to the thrift store and find a Magenta stamped piece. Pieces in retail stores only have the Rae Dunn by Magenta stamp on them. To note, some collectors care about the stamp while others don’t. The stamp gives the collector a general idea of the year the piece was released.

Inexpensive and Vintage Rae Dunn Pottery Pieces

One of the main reasons collectors hunt for Rae Dunn pottery at secondhand stores is to find vintage and rare pieces. Pieces that were released years ago and were never re-released are popular among collectors but are hard to find. These type of pieces are being found at secondhand stores by collectors and the pieces are highly sought after. The Facebook group, Rae Dunn thrift store finds!, is a group where members share their thrift store finds among one another. In the group, members are constantly finding and sharing vintage and inexpensive pieces they found secondhand. Among the group, vintage pieces tend to be the most popular and interacted with.

When encountering pieces at secondhand stores, they are likely marked below retail. Most of the time, sellers do not know the value of pieces and will mark their prices under retail value; however, some pieces may be priced above retail. At some secondhand stores the seller may know the piece being sold is harder to find or worth more, so they mark its price higher. In My Crafty Den’s video, “Thrifted Thursday…I scored a Rae Dunn Easter Jackpot,” she shares how she found five mugs at two dollars a piece and two sets of four melamine plates at five dollars a set. The mugs averagely retail for six dollars and the plates retail for $25, so all the pieces My Crafty Den bought retail at $80. She only spent $20 on all her pieces at the thrift store, so she saved a total of $60 by buying her pieces secondhand.