Search Results for: facebook

4 Tips to Personalize E-Commerce Websites

January 3, 2014 By Devlounge

It takes a lot of work and an aesthetic eye to create a well-designed Web site. It also takes expertise to present your e-Commerce story in a way that will attract customers and traffic to your website. With quality images, a simple but transparent check-out process, customer service options and a user-friendly navigation mechanism, personalizing e-Commerce sites with today’s tips is a way to become more competitive in your field of business.

First impressions

For a new e-Commerce site, it’s important to put your best foot forward. This means that everything you do in design should not only be pleasing to the eye, but functional. Web designer have to constantly code a brand’s website with the customer in mind. The site should be hassle-free. Any confusion caused by an ill-thought-out design could cause you to lose customers. There are too many options and too much competition to even lose one customer. It’s the Web designer’s obligation to never create any doubt in the customer’s mind as to how to navigate properly, or, more importantly, how to complete a transaction.

Social integration

By adding the brand’s social network icons to the page, you’re telling customers that you are not only current with today’s Web 2.0 technology, but also that you would like to engage them. Facebook, Twitter, Google+ and Pinterest are mainstays for customers who want to provide brands with feedback on an ongoing basis. Additionally if the e-Commerce site also features a blog page, it shows they are thought-leaders in their field.

Search Engine Optimization

If an e-Commerce site has a large number of products that frequently change, it’s important that the Web designers adhere to the “white hat” search engine optimization rules. These include targeted page titles and meta descriptions. According to SEO experts, “One of the fundamental rules of SEO for an e-Commerce site is you should treat every page on your website as a landing page focused around performing for a single SEO search term and converting the resulting traffic.”
Fastest route between two points

Everyone knows that the fastest route between two points is a straight line. This applies to e-Commerce sites as well. It’s a fact that the quicker a website can get the customer from the landing page to a completed order, the more likely it is to keep the customer. Well-designed e-Commerce Web sites always have that goal in mind.

Personalized e-Commerce

Personalized gift shops are a sub-set of e-Commerce websites. While some of the products these sites sell can be purchased elsewhere, their unique advantage to the customer is that they can personalize all orders in accordance with the customer’s preferences. Personalised Gifts Shop in the UK is well-designed website that provided their web designers with a lot inspiration to not only create an aesthetically pleasing design but one that prompts buyers to proceed through the personalization process in a quick and efficient manner. [Read more…]

Design Focus: The Year That Was

December 28, 2013 By Sophia Lucero

Time to look back about the year’s highlights with an annual report or zeitgeist dedicated to the year 2013.

Designs of the Week

Build on DIYThemes’ Thesis Framework for rock solid SEO and great layout customization options.

Social Media Weekly

Pagelines lets you build WordPress websites and it’s as easy as drag and drop, go check it out!

Web Design – 2014 Predictions for Web Design
“The clear designs we’re seeing at the moment are evolving as designers seek to differentiate, adapt and grow on the clean lines and simplicity of flat design.”

User Experience – The 11 Most Exciting UI and UX Ideas of 2013
“If there was one overriding trend for mobile devices this year, it was probably the decreasing importance of the device itself—and the rise of software in its place.”

Design – The Redesign of the Design Process
“Innovative designs don’t happen because of a single smart person who drives everything the team does. Innovation happens when the team creates an environment where small, powerful ideas can float to the top.”

Design Focus: Assembly Line

August 9, 2013 By Sophia Lucero

An apparatus that puts products together and transports them for export and consumption is the main element in this week’s featured designs. Interestingly enough they’re not done in the stark, industrial way they hail from.

Designs of the Week

Build on DIYThemes’ Thesis Framework for rock solid SEO and great layout customization options.

Animated sites aren’t hard to come by these days, but what I truly appreciate about this one, besides the fact that the whole bottling process—which is what the company is about—demonstrated from top to bottom and start to finish connects all the boxes of content together, is the level of detail in the animation story, especially in the footer section. There you can see an orange truck backing up to pick up not one but two crates of bottles stacked on top of the other. The animation shows those two boxes being brought down first before they’re shipped away. There’s a great work ethic and design sense in not taking shortcuts to tell that story and I give it a two thumbs up.

How I wish that this one-pager were animated as it’s par for the course in most scene-setting designs these days, but this one’s satisfactory enough.

There’s a bit of a recurring floating, anti-gravity effect going on with the objects, tied to the nautical elements on the page. Aside from the predominant black and white theme, accent colors are the primary reds, blues, and yellows.

Social Media Weekly

Make Headway, make intuitive layouts, make it your WordPress theme of choice!

Usability, Mobile Web Design, User Experience – Tablet Usability
“Flat design and improperly rescaled design are the main threats to tablet usability, followed by poor gestures and workflow.”

Design – Coming Clean on Texture
“I’d encourage you to find those things that have become “safe” for you. Those techniques you’ve come to lean on, but that aren’t helping you grow like you should be.”

Optimization – Taking Control of Image Loading
“Having a beautiful, smooth and speedy loading experience for your site is a crucial part of good UX, and should be considered a common courtesy to your designer. After all, who wants to see their design spoiled by choppy line-by-line image loading every time they log on?”

Design, UX – Dude, I redesigned Facebook!
“Make sure you clearly describe what your design attempts to improve upon. Why does this service or product need redesigning, who will benefit and what goal will it help achieve.”

Design Focus: Isometric Grid

March 1, 2013 By Sophia Lucero

Our featured designs for the week defy the usual perspective and place their elements on an isometric grid. We’ve featured the isometric look before, but none of them were so bold as to display the blueprints on which the elements lay, and it makes you perceive that change in positioning even better.

Designs of the Week

Pagelines lets you build WordPress websites and it’s as easy as drag and drop, go check it out!

I like how their whole laundry list of services is listed vertically and crosses against its larger, bolder summary. I also respect that they didn’t even change the perspective of the images in the portfolio even when you click to inspect them. Even if you select one that is at the edge of the browser viewport, it’ll slide to the center. Another feature on this page I like is the parallaxy company timeline, which is just two layers sliding at different speeds: one for the photos, and one for the zig-zag lines.

It’s a nice idea to go for a warm, organic, recycled paper feel by way of the subtle background texture and the choice of slab serifs (Adelle). Orange is a popular thing to pair with grays and browns these days, and when you go down that path it’s not surprising to see equally bright pops of color along the way, too.

I always enjoy slices of urban zones served up like cake. This site takes it to the next level and cuts up that scene a second pass to produce plots representing subpages, lined up in a row but still on the same plane. I also like that the top right navigation and bottom left facebook link are both in triangles, framing the page nicely.

Another design that takes the isometric concept further by deconstructing text into tiny blocks and dropping them one by one, albeit quickly, on the plane. It also creates interesting shapes that come together when you interact with the page (e.g. resizing the browser creates a burger on the media queries page).

Social Media Weekly

Build on DIYThemes’ Thesis Framework for rock solid SEO and great layout customization options.

CSS – Browserhacks
“Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.”

Mobile Web Design, User Experience – Solving The Back Button
“Gestures can be intuitive if carefully crafted by understanding how things move and how the brain works.”

CSS – Simple user styles
“User styles that simplify UI and give focus to the content on some of my favorite websites.”

CSS, Typography – Typeplate
“Typeplate is a “typographic starter kit”. We don’t make aesthetic design choices, but define proper markup with extensible styling for common typographic patterns.”

« Previous Page

4 Tips to Personalize E-Commerce Websites

Design Focus: The Year That Was

Designs of the Week

Social Media Weekly

Design Focus: Assembly Line

Designs of the Week

Social Media Weekly

Design Focus: Isometric Grid

Designs of the Week

Social Media Weekly

About Devlounge

The Best of Devlounge

Randa Clay On Breaking Barriers

Search