Tag Archives: Parallax

5 Trendy Web Design Techniques to Modernize Your Website

Web Design, , , , , , , , , , , , , , , , , , , , ,

In the age of digital commerce, it’s vital to have a spiffy website. Even if a business does sell its products online, the first impression customers have of a brand often stems from the website. A messy website brings to mind a messy product. In this post, we will examine how 2015’s upcoming web design trends present ways in which to improve websites to make them look modern.

1.    Nail Your Landing Page

The landing page is the first impression a visitor has of a website, thus it’s a great opportunity to dazzle the viewer. Many websites have landing pages which are not only physically big, with imagery and design taking up most of the screen, but also large in metaphorical scale. Check out the website of Born Group, a creative media company with an extremely ambitious landing page.

Born sells something intangible—creative services. Their product is the ability to provoke emotion. As a creative agency, it’s vital for them to establish that they produce emotionally riveting content. The image of the ape is not only beautifully photographed, it’s powerful. If a prospective customer were on the verge of hiring Born Group, they would indubitably be swayed in the right direction from the moment they hit the landing page.

2.    Video Rules

For some companies, going for a message as big as Born would come off as overly self-involved. Born has an intangible product and sells B2B (Business-to-Business). They need to sell an idea and if they bring in a single project, it will pay for a big-budget investment in their site.

For smaller companies with tangible products, it’s important to put the product itself front-and-center. One way of doing this is to embed a video on the landing page of your site. For example, check out the salivating video on the landing page of Dunwell Donuts, a vegan Brooklyn donut shop.

The video succeeds on nearly every level. It makes the viewer crave donuts, artfully portrays the product, and tells the story of the founders of the business in an extremely intimate manner.

3.    Tell Your Story

The primary accomplishment of the Dunwell video is in the arena of storytelling. The Dunwell video tells the story of the company brand in an intimate way. By the end of the video, the viewer feels like they have a good sense of who runs Dunwell Donuts and what donuts mean to them.

A video is a cost-effective way of telling the personal story of a brand. Storytelling is a powerful medium because it creates an emotional connection between the viewer and the subject when executed effectively. For a business (especially a small business), this translates directly to brand loyalty. We’ve detailed other ways in which one can tell the personal story of a brand in our Parallax Scrolling article.

4.    Flat Design

Minimal web design is in. Apple’s design technique, flat design, is defined as “a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, textures, or other tools that add depth) and is focused on a minimalist use of simple elements, typography and flat colors.”

Flat design is visually sleek and virtually inexpensive way of displaying one’s brand in a modern way. Check out some of the best flat design websites on the internet here.

5.    KISS (Keep It Simple Stupid)

A really well-designed landing page with minimal content looks much better than a lot of redundant, visually lacking pages. For an alternate approach to the donut vertical, check out the site for Elsie’s Donut Shop. It’s flat, minimal, sleek and to the point, stressing the products.

With the internet working more and more as a gatekeeper for customers to select which businesses they choose to solicit, modern aesthetics have a direct impact on business. Equipping a business with a sleek, modernized website puts them in the best position to excel in the marketplace.

Mystic Media is a web design and application development company based in Salt Lake City, Utah. For more information, click here or contact us by phone at 801.994.6815.

Parallax Scrolling: How the Latest Cutting Edge Web Design Can Increase Business

Web Design, , , , , , , , , , , , , , , , , ,

Web design trends are constantly changing. The latest and greatest today is Parallax Scrolling.

Parallax Scrolling websites are generally large one-page sites. As one scrolls down, the background images move by the camera slower than the foreground images, creating the illusion of depth. Oftentimes different animations are launched during the course of scrolling which generally cover different topics. It’s like having multiple pages in one stream-of-consciousness scroll.

Here’s a basic example of a Parallax Scrolling website.

There are many benefits to Parallax Scrolling websites. For one, they are aesthetically pleasing. The user experience is no doubt greater than any other common form of web design. Instead of forcing the user to explore the site, they need only scroll down to take in the information at the pace the web designers desire.  When creating a website for a single product, Parallax Scrolling sites can be very useful because they allow the designer to show off all the different features of the product without having to create separate pages.

Here’s a great example of a parallax website utilized to display all the different angles and functions of a single product.

Parallax Scrolling also allows the web designer to create a story and control the way in which the user experiences the narrative. Parallax Scrolling gives the designer unparalleled control over the pace at which the user takes in information. Again, the user only has to scroll down, they are much more likely to see the animations created by scrolling down than to have to click around different pages and explore to find information.

Check out this awesome example of how to tell the story of your brand through a Parallax Scrolling website.

Parallax Scrolling can also have a positive effect on Search Engine Optimization. Having a one-page-site means a reduced the bounce rate, the number of visitors who move to another page without exploring, which is beneficial for SEO.

Another benefit is the increased mobile and tablet user experience. Traditional websites involve several pages which all need to be customized for mobile and tablet devices. The time it takes to redirect on a mobile or tablet device can be tedious. Parallax Scrolling utilizes one-page, reducing the redirection time for smartphone and tablet users. If created with responsive HTML (Check out our post Responsive Web Design Is the New Web Design), you’re guaranteed good mobile and tablet user experience, so long as the user’s device isn’t outdated.

Due to the emphasis on cool, crisp visual presentation, Parallax Scrolling sites are more likely to attract social sharing, and thus will attract greater traffic. If the design is crisp enough, a parallax scrolling site could land itself on one of these best of lists.

Parallax Scrolling websites are generally created using HTML5 and CSS3. Although they are high-tech, they also come with their share of cons. For one, due to the heavy use of animations, Parallax Scrolling sites can take longer to load. They also may not function smoothly across all web browsers. Because the designer is in control of the pace of the scrolling, it can also be frustrating to users who want to consume information faster, or confounding to less tech-saavy users who are confused by the set-up.

Overall, Parallax Scrolling is the most visually-pleasing, high-tech aesthetic one can choose for their website. Although it’s pricey and complicated to create, it’s the most dynamic form of web design used today, and, when designed effectively, the most engaging way to lure traffic to a web page.

Mystic Media is a web design and application development company based in Salt Lake City, Utah. For more information, click here or contact us by phone at 801.994.6815.