Tag Archives: Mobile Website Examples

Using mobile website examples to plan your site

 

In this week’s post, we’ll be considering how to make the most of the mobile website examples from your own industry and around the web in the planning and development of your own website.

First of all, you can use other websites at the very first stage of planning for your mobile site. Get a feel for the benefits and limitations of mobile browsing, as well as a general understanding of the different ways that mobile developers get around mobile design. At this point, you should communicate constantly with your web developer, and using links from other sites is a great way of illustrating the things you do, or do not want for your site.

You can use any website for finding inspiration, though it can be particularly fruitful to look to your main rivals, as well as the big companies in your industry to get an idea of what they’re doing with mobile design. You’ll be able to find any key common themes which pop up again and again, perhaps because the feature offers something valuable to websites similar to your own.

Use other website examples to create a checklist of every detail of the website design. This includes page by page details, as well as how you will format the pages of your site, and how you want to make use of menus and categories for your site. Once you have a basic skeleton in place for your website it will become much more easy to flesh it out.

Once your base or foundation is in place, you can start to consider ways to set yourself apart and add character to your website. This might mean trying out some new interesting features, hidden menus for example, safe in the knowledge that your foundations are secure.

Finally, looking to your rivals helps you build your own site by reassuring you that you’ve covered all bases, and not missed anything obvious or important.

Taking influence from great mobile website examples

 

It doesn’t matter if you’re completely new to doing business online, or if you’ve been fiercely competing online for a decade, it’s always useful to get some inspiration. In this little post, we’ll be taking a look at mobile website design, with a specific eye to how great mobile website examples can be utilised in the building of your own website.

The first place to look for inspiration would be those companies in your same industry which are market leaders. These brands will have executed a website with similar aims to you, but their site will be a demonstration of what can be achieved when budget isn’t an option. Though, this said, you certainly aren’t limited to your own industry for inspiration, and we recommend that you have a good idea of mobile design in general to inform your own process. Below we’ll be focusing on four key elements to mobile web design and how you can make use of them for your own site. These four key areas are: Design, Format, Features, and Content.

Design
The first area to survey when it comes to building your mobile website is design, as in the appearance of the site. In some specific areas of business, there may be specific rules, like bright and colourful for a kids website/product. In most cases though the best advice it to keep things simple while showcasing your branding.

Format
How do other similar websites lay their mobile site out? Are the certain pages or menu structures that you think will work particularly well for your product or service?

Features
Where, if anywhere, do other great mobile website examples make use of website features, and how can you make use of similar features? Features might include instant call buttons, mobile maps, and a range of other options.

Content
By having a good idea of the content offered by your rivals, you’ll both be clued up, as well as showing you the bar for your own content.

Cutting edge mobile website examples

 

When it comes to mobile website design, it is usually best to focus on some key priorities and objectives for your site. Putting an entire site together is extremely complicated work, and one of the best ways of getting started is to look at other mobile website examples for inspiration and to start you toward building up a picture for your own site.

Though there are many elements to consider, in this post we’ll be taking a close look at how focussing on website speed, page space, and how to use menus and buttons on your mobile site.

Website speed
Unlike sitting at a PC, with a reliable static internet connection, browsing using a mobile device can be temperamental, and just plain slow. Internet connections will come in and out of range and it can be difficult to hold a connection. What this means for your mobile website design is that attention must always be paid to how each element affects website speed. Rid each page of any unnecessary media or other elements which light cause your page to freeze.

Page space
Unlike a PC, mobile and tablet devices are handheld and therefore have relatively very small screen sizes. As such, your design must focus on how formatting your content can give you maximum page space for content. One interesting way of doing this is to use hidden menu bars which move in and out of view. Also, consider the size of any fonts and images that you place on the page.

Menus/Buttons
Mobile devices are generally now all touch screen. This means that icons, buttons, and menus must be easy to use with our hands and fingers. If you do not adjust these elements on your mobile website then viewers may become frustrated and they might soon exit your page.

Aspiring to the best mobile website examples

To compete online in any industry is to complete against the biggest and the best. This is great for all of us as customers, we can have thousands or even millions of results listed in half of a second on any subject that we’re interested in. As a business operating online, however, this can seem a little daunting, especially if you’re new to running a website.

In this post, we’re taking a look at how new websites or websites looking to make renovations can take advantage of the best mobile website examples both in and outside of your industry.

The first thing to remember when planning your website is to look around at plenty of different websites. As you search, be sure to make a list or two reflecting on what does and what does not appeal to you on the many sites you search. Things to aim toward, and things to avoid.

Also, be sure to check out what your closest competition is doing with their website. Consider how you can differentiate your site, while trying to out-do your near rivals in as many different ways as you can think of. You should look to their strengths, and try to be stronger in those areas while attacking their weaknesses with your own qualities. Remember that it is far more effective to compete with your real rivals than with huge multinationals.

Next, be ambitious with your project. Most of even the most flashy looking website elements can be added to your site, or a similar alternative might be available to you. Think about ghost buttons, cascading menus, horizontal scrolling; and things like that.

The most important thing of all, though, is never to be intimidated by your rivals in an online environment. If you’re going to run a successful site then it is your job to be innovative, and happy to make changes once you see the opportunities, and the best way to do this is by keeping an eye on the very best mobile website examples.

Taking advantage of the best mobile website examples

Whatever stage you’re at with your mobile website, from having an existing site, to the initial stage of planning, it can really pay off to look into the best mobile website examples around the web. You can draw ideas and inspiration from any website, but you should pay particular attention to those in your own industry.

Building a foundation
Once you have your foundation laid you can start to make your website your own. You can add branding and your own brand personality, and consider any nifty features such as drop-down menus or other interactive features that can improve the experience for your audience. Anything you can do here to stand out from the crowd could be the difference between a user clicking off of, or staying on your page.

Design inspiration
First of all when you start browsing the web for design inspiration, be sure to look out for some basic principles that you will use for your web design. To name a few really useful examples of design principles, we could start with simplicity as a golden rule for mobile design. A simple and clean design ensures that your content remains the most important thing on the page, and can also do a great deal to help speed your mobile website up. Also be sure to look out for how you might structure your pages, and how each will link together, this is known as your site architecture.

Find the strengths and weaknesses of your competition
By checking out the strengths and weaknesses of your rivals you can highlight many areas that are relevant to your own website design plans. Look for any consistent features that all might have in common and ask yourself if there is a good reason for that feature, or if not, consider how you can change things to make your own site unique.

What to take from great mobile website examples

When you set out to start building a website, things can get complicated pretty quickly, especially if you’re not that familiar with working online. One of the recommendations we always make to people planning a new site, or a revamp of an existing site is to do some research and look around at great mobile website examples that are already live.

There’s much you can learn about what makes a good website, as well as about your own personal preferences by browsing around great website designs, both within and outside of your industry. Below are some of the main benefits you can gain by thoroughly researching other websites before planning your own.

Taking inspiration

The first benefit of looking around at your competition and other inspiring business websites is that you can take a collection of great ideas so as to find ways to make them your own. Consider how each page is laid out, how menus and navigation around sites are formatted, as well as the content on each page.

Avoiding mistakes

As well as cherry picking the best bits from inspiring websites, thorough research can also help you to avoid the pitfalls that your competition may have made. By taking notes not only on what you like and think works well, but also by considering things to avoid, you’ll save time and resources and will be able to avoid diminishing the effect of your website.

Saving time

By having a really clear idea of what you want and don’t want on your website you’ll be able to save time when it comes to developing your site, and you will benefit from not experimenting with ideas which have clearly failed elsewhere. By saving precious time and resources you will be able to spend it in other ways, and in the end you’ll have a more impressive website as a result.

Planning your site using stunning mobile website examples

At the dawn of the internet, standards weren’t particularly high when it came to web design, and companies with impressive sites were few and far between.

By now though, with even small independent businesses often building a website as standard, and with the huge steps forward in technology for building sites it can be far more challenging to stay on top of mobile design ideas. One great and easy way to start building up an idea of how you want your site to look and perform though is by checking out other great mobile website examples for inspiration.

Creating a mobile site has also become far more simple, and there are far more services out there offering affordable rates with a quick turnaround. So before enquiring work out an idea of what you like, and what you dislike about other websites performing a similar role to what you want your own to perform.

Some of the mobile sites that do it best can be broken down easily, the most important design feature for mobile is often enough just simplicity. A page that looks clear, and which is easy to navigate for the eye is one of the most simple things to achieve and goes a long way with your audience.

A bad mobile website will struggles to handle different screen sizes and so is impractical for phone or tablet users. Users will experience content that is shuffled about on the page and difficult or impossible to read. Another of the most common problems with bad mobile design is that menus can be tricky to click with fingers and they’re designed to be used with a mouse cursor.

Finally, try not to fill your website with unnecessary information, as this can be difficult to view and result in slower loading times. So many sites are too messy for the eye to focus, and this makes an unmistakeable first impression to your viewers which is worth avoiding.

 

Mobile website examples from your close competition

When designing your mobile website, clue yourself up by looking for the best mobile website examples in your industry and especially by looking at your close and distant competition. You should take note of the poor websites you find on your search as well as the good ones.

Write a list of the biggest and best of your competitors. Next visit each brand’s site individually, noting what you like, and dislike about each and think about appearance as well as functionality.

Once you’ve done all of this you should see if you recognise any common trends that you have noticed. If all of the best websites seem to share a certain feature and are built for the same purpose that your site is being built for, then this might indicate that the feature is essential for customers experience and that you should consider using it for your website. This being said, if you can find no necessary purpose for the similarity, then you may have just found an easy to separate your business from the competition.

You should also consider the inner structure of your website, do the pages connect in a logical way? Is the navigation simple and intuitive, with few dead ends?

How does your competition use text, or images in their content or surrounding it on their pages? Consider very carefully whether you should or need to use multimedia on your website. Even if you see your competition regularly making use of interactive features and animation, you shouldn’t necessarily follow them because as nice as it might look this can seriously reduce the load time for pages on your website, and this particularly affects mobile browsing.

Finding and researching other great sites online will not do all of the work, but it’s a great starting point and can really help for finding inspiration for building a mobile website that is both affordable and effective.

Things to take from great mobile website examples

Mobile website design is important for your business and for your audience, and getting it right can take time. You want to be able to host all of your content without compromising it, though you do have certain limitations which don’t necessarily apply to your desktop website. With mobile design, it’s crucial to be economic with space to keep it running quickly since speed is also an important factor to consider when designing your site.

Though it might seem a little too simple, experimenting with things like font, border, colour scheme and different menus can make a huge difference. By making a few tweaks to your current design you can maintain an air of consistency while renewing your website. The priority is to maintain the content as the focal point of the page, think of your design as a frame around your content.

When designing with mobile devices the space on the small screen is one of the biggest concerns with designing for mobile. Therefore, you need to display content as space efficiently as possible. One innovation on this point is the creation of horizontal browsing as opposed to a traditional up and down age format. Your user can tap left or right to click the page or move to the next image rather than constantly scrolling.

Hidden menus are another innovative way of designing for mobile, and again they were created to solve the problem of being economical with space just like so many of the others we’ve mentioned, demonstrating perfectly just how important it is. Hidden menus are only visible when being used, before fading off screen to leave the space for the content.

Another innovation that makes a big difference when it comes to saving space, but also which looks fantastic is Ghost Buttons. A ghost button is any icon that is clickable but which, rather than looking so like a clunky button as we’re used to it, can simply be a piece of text, and these little guys can be placed on top of anything, including high-res photos.  

 

What to look out for in great mobile website examples

When you’re setting about the task of planning your mobile website, or if you’re just looking for ways to jazz up your existing site then there is no better way to start than browsing the web for great mobile website examples that you can take inspiration from for your own site.

What to look out for

When you start browsing the mobile web for ideas it’s a great idea to take notes of dos and don’t s – there will be plenty of common points between many of the sites you survey, and these more general features are an easy starting point. Note down any desirable features that you think would work particularly well for your website, but also pay attention to things to avoid, by simply opting out of certain design features you can make your site more simplified and unique than other websites.

Key things to look out for include how you’d like your site to brandish your company branding and logos, but it also includes more general points about website structure. How should your site structure be laid out? And how should the pages on your website connect together? All of these decisions are far easier when you look around for reassurance.

Looking closely at your industry

It might be the case that there are particular features available for a website which just happen to work well for a particular type of business. If you use a great deal of imagery and need to show multiple colour options in a product then consider ways you can save space like using image carousels for example. Again take the time to look carefully at how your competition lay their menus out – you might either notice something key that your existing site is missing, or else you might spot the chance to do away with something unnecessary that your rivals do out of convention.