Almost every business has a web presence these days; from single page ‘business card’ style sites, to million+ product e-commerce hubs, owning a website is as universal as taxes. Of course, there are new startups, but even in those cases entrepreneurs tend to have bought a domain name, or thrown up a template.

It’s no surprise then that the bread and butter for most web designers is not site design, but redesign. On the surface, redesign looks easy; you have a starting point, with some real world data on what is and isn’t working for your client. Once you dive a little deeper you’ll find redesigns are a minefield of competing ideas. It will take all of your skill to exploit the current site’s successes and identify its failings.

Moreover, there is no room for error in a redesign. Clients have often been burned by poor results in the past and are more cautious. They’re more likely to have spent a long time analyzing their site themselves. They’re probably frustrated by the need for a redesign, or what is sometimes worse, they’re so excited by it that they’re spilling over with ideas, many of which aren’t appropriate.

Happily, there’s a lot of great advice available on how to tackle this tricky task and one of the best sources is Smashing Magazine’s current set of eBooks. Worth nearly $40, MightyDeals.com has arranged a 40% discount on this great set:

Smashing Book #3: Redesign The Web is 340 pages of advice on vital subjects like: the business aspects of redesigning a site; platform considerations; upgrading code to HTML5 and CSS3; important considerations of mobile design; and of course, going responsive.

Smashing Book #3 1/3 takes redesigns to the next level: insert ‘story’ into your redesign to engage users; rethink and repurpose navigation to improve UX; make the site’s content work harder; and there’s even a detailed case study of Smashing’s own redesign.

Essentials of Mobile Design, Mobile Design Patterns, Designing For Android and Designing For iPhone cover the essentials of the biggest reason clients cite for redesigning their site: mobile compatibility. Learn the difference between mobile sites and apps, marketing, and the all important responsive techniques you’ll need.

The set of six books comes in DRM-free format, as PDFs, ePUBs and MOBIs, so you can study them however and wherever you like. Head over to MightyDeals now to take advantage of this great offer.

This post Inspired Deal: Smashing Web & Mobile Design eBook Bundle – 6 eBooks for only $24! was written by Catalin Zorzini and first appearedon Inspired Magazine.

The curators of our sister siter WebDesignGoodies picked 1o beautiful  graphic elements and resources for you (some of them are free). Check them out, save them for your future projects and feel free to submit some new links for the next week’s roundup. Cheers

1,600+ Awesome Photoshop Presets | $27 | Details

If you’re a regular user of Photoshop (or even a semi-regular user), you might find yourself a little bored. After using the powerful photo-editing program for so long, you sometimes need to give it a little juice. With PsDefaults, you’ll suddenly feel like you just discovered Photoshop for the first time! This full set of modern, handcrafted replacement graphics give your copy of Photoshop a sweet upgrade with all-new brushes, patterns, shapes and more! In short, if you use Photoshop this collection will make your life easier and your projects even cooler looking.

Smashing Web & Mobile Design eBook Bundle | $24 | Details

One of the best things about the Web is that it is always changing. Websites, unlike magazines or books, are not finite, they’re organic. It’s not just content that’s constantly changing, though. Many website owners are updating the look, feel and even functionality of their site. If you’re looking to do a professional redesign, this collection of Smashing Books is for you.  Redesign The Web (340 pages), Smashing Book #3⅓ (160 pages), Essentials of Mobile Design (235 pages), Mobile Design Patterns (124 pages), Designing For Android (228 pages), Designing For iPhone (234 pages)

Flat Design Icons Set | free | Details

Hiruko: Japanese Inspired Font Family | $9 | Details

Need a clean, modern font for your latest project? You should definitely check out the Hiruko Font Family then! Inspired by Japanese culture, this font may be minimalistic in approach, but it screams classy fun in execution! And for a limited time only, Hiruko is incredibly marked down in price!

Vector Mania! 4400 vectors | S49 | Details

Got website? Well, have we got images for you. Thousands of images in fact. And they’re all 100% royalty-free vectors so you and the Internet can have one rocking picture party!
From the graphic gurus at Vectorain, you can now get 4,400 vectors for just $49 in this mightiest of Mighty Deals! Plus, for an extra $8 only, you can also get 100 Stock Images added in.
All graphics are completely royalty-free so you’re free to use them as you wish on any personal or commercial project. All vector files are provided in EPS10.

iPhone 5 Psd Flat Design Mockup | free | Details

This is our take on a flat design iPhone 5 vector mockup template. We have created 3 flat design version with front, horizontal and 3D view to let you drag and drop your design with smart object. This is the ideal companion to any flat design project where you need to present mobile screenshots.

Beautiful Solomon Font Family (12 fonts) | $9 | Details

Fonts can be so much fun to work with. Whether you’re creating a logo, a T-shirt or a funky poster, having the right font can make all the difference. If you’re looking for something new, something clean, and something fun, you’ve come to the right place. This Mighty Deal offers up the Solomon Font Family, from Fontfabric, at a ridiculously reduced price.

Streamified: Full Social Media Management | $11 | Details

Some people merely pick their poison. Whether it’s Facebook, Twitter, Google Plus or FourSquare, lots of users pick one network and stick with it. But just as many mix and match a number of different networks. If you copy and paste the same update across mutiple networks, you know how frustrating and time consuming that can be. What you need is a social media management tool. What you need is Streamified, our most social deal yet.

eStudeo WordPress Theme | free | Details

A responsive creative portfolio theme tailored for professional creative and agency, it has simple and clean design yet contains all necessary features you need with none of the bloat you don’t and what’s best of all is that this theme is free to download.

WordPress Shortcodes Plugin + 3 Premium WP Themes | $19 | Details

Easy to install, this lightweight, cross-browser plugin is jam packed with over 5,000 shortcodesthat are simple to integrate into your site. The shortcodes are even mixed in seamlessly with your WordPress WYSIWYG, so you can spice up your content with just the click of a button. PLUS – This new version is 100% responsive and it also includes several new features such as: filterable portfolios as well as 3D Animated jQuery buttons and accordions.

This post Web design goodies of the week #12 was written by Catalin Zorzini and first appearedon Inspired Magazine.

From time to time, we all need a little pick-me-up. Eight hours straight spent grappling with code is enough to make anyone question the sanity of their existence. So, I’ve written this article to remind web developers why you’re important, why you matter, and why you’re part of a global movement that’s going to shape human history forever. Because, you know, you’re all lovely.

Web developers occupy a strange halfway-house between the world of consumer-focused innovation and the land of computer science. Living there seems to incur the derision of two parties: ‘real-world’ programmers laugh at the notion that the world of the browser could ever approach the complexity of the kind of stuff they do (despite the fact that Facebook is now as code-rich as Windows 7, and Chromium offers a bona fide native experience via a browser), and the real world’s never really broken free of the image of web development geeks as code-monkey (although it can be one of the most creative, intellectual professions in the world).

Let them have their say. Because, right now, being a web developer is about more than pushing out code. It’s about more than making good websites. I’m not unusual, for a web dev – in my spare time, I’ll contribute to open-source projects that are going to wind up powering mind-blowing technology in years to come; I’ll vote in polls to define and declare what technologies the graphical interfaces of the future should and should not use. But we’re not even scratching the surface.

The web is, hands-down, the most efficient way to disseminate information to a huge audience. It’s a great acid test of what matters to people, with discovery and personalisation services competing to bring less prominent material to attention. It’s a (relatively) flat playing field, too: if you’ve got good content, you’ll get an audience (assuming that you’re reasonably operationally competent).

This has propelled the Internet to become a – maybe the – globally dominant force in little over two decades. It is at once the ultimate communication technology, sharing portal, and discovery device. And it was built by web developers – people who, together, built and maintain the technologies that power the whole thing. It’s a rare career that you get to contribute, daily, to the most powerful product in the world.

Thanks to the fact that we’re all in essence refining the world’s most effective communication tool, it’s not surprising that web developers have a wider collaborative circle than any other profession I can think of. Take a look at Stack Overflow, GitHub, CodePen: these are custom-built tools that allow highly-skilled people to collaborate on projects without ever needing to meet face-to-face. They’re the places where the technologies that will power the internet of tomorrow are made. And, in the most part, the only qualification you need is your ability.

Global connection, a real and practical purpose, and a direct impact on outcomes that will affect untold billions around the world for years to come: there are few jobs that can offer this kind of satisfaction. All this, before we even consider that individual web designers, developers and managers get to use – as a matter of necessity – the best laptops money can buy.

In years to come, web developers will be able to look back at current events and not only say ‘I was there’, but ‘I made that happen’. Is there anything more self-affirming than that?

image courtesy of: wired

This post Why being in web development is the best job in the world right now was written by Catalin Zorzini and first appearedon Inspired Magazine.

In the past few years, there’s been an explosion of online website builders offering a fast and affordable solution to anyone making their first steps in the www. Suddenly, the entire process of searching for a webdesigner and a webdeveloper, getting a brief together, negotiating a price and a deadline and waiting for the results has reduced to a few clicks and some plain old drag and drop.

More and more people choose these specialized builders when they decide to put their company or their projects on the online map, saving both time and a lot of money. On the other hand, webdesigners and programmers worry this trend will stick and slowly rob them of their jobs. But are these website builders really endangering the future of good old classic webdesign? Let’s take a look at each side of the story and see what lies beneath the ”noise”.

Target

First of all, webdesigners and webdevelopers are usually targeting a different public. Since they’re more expensive and capable of building complicated customized websites, they target companies that are willing to pay a higher price for better quality.

Website builders mostly target freelancers, artists and small companies that can neither afford to pay a webdesigners, nor need a complex, corporate website that only an expert can develop. All they need is a ”face”, a presentation website where they can show their work and communicate three things to their target market: 1. That they exist 2. How they can be contacted and 3. Where and how they sell their products/work.

Truth be told, these people would probably never hire a webdesigner to build them a website, it would be over their budget and they’d probably put up a blog or go with an in-house offline advertising strategy. So as long as webdesigners and webdevelopers understand that (normally) they’re not going for the same public as website builders, there’s room for everyone. Of course, there will always be a common slice of public they’re both trying to feed off, but this is an exception and should be treated as such.

Pros and cons of website builders

For a webdesigner, the good side of this website builder boom is the chance to sell templates for royalties or a fixed fee. And since these sites usually update their catalogue every month, you can make some good money out of this.

But let’s see why clients choose to use website builders and whether they get what they need or not. Obviously, there are both pros and cons:

Pros

• Easy to use
• No programming skills required
• Fast implementation
• Full service (hosting, software, maintenance)
• Low cost
• Feature-rich
• Support
• Security updates

Cons

• Relying on one provider only
• Limited flexibility
• Control over data
• Installing server-side code
• Only suitable for simple websites

All in all, if you don’t need a complex website, if you’re ok with the limited flexibility and you’re willing to take the risk of having others using your data without your knowledge (although this is a risk you forcibly take when you go online, anyway. I’ve seen hundreds of copy-cats shamelessly stealing from hard working artists), then using a website builder can be an affordable and time-saving solution to your problem.

I was actually curious to try out a recently launched website builder called Imcreator and see if I can build a decent website using this tool. To be honest, I actually liked it. I liked the way they describe the process on their own website and how simple it is for someone who has no clue about programming or web design to make a website for free in a few easy steps.

The whole process takes no more than 3 steps:

• Choose a design (there are thousands of templates to choose from. Takes a bit of patience, but you can find some really nifty designs)
• Customize your website (you insert your content – texts, photos, videos – with just a couple clicks)
• Publish (aka press the Publish button)

If you ask me, these website builders could very well be good news for both clients and webdesigners. Clients can get a ”face” in the virtual world in no time, without shelling out a lot of money, while designers can sell their work to these websites and get some money. Sure, it’s not like working directly with the client, but if you think about the target separation, you can see this as a good opportunity to make some extra-cash.

header image courtesy of the UMF

This post Website creation for dummies was written by Catalin Zorzini and first appearedon Inspired Magazine.

Part of any effective content marketing strategy is keeping up with the latest web design trends. As content has evolved significantly within the past 12-18 months, so has the web design used to present content. The emergence of breakout trends like Instagram, Pinterest and the visual Facebook timeline, not to mention the growth in the use of mobile apps and the mobile web, has led most content marketers to begin focusing on visual content. Even with the many new trends, content still is an essential part of any business’ marketing strategy. However, while content remains “king,” design must be an integral part of every content marketing strategy if it is to succeed. Instead of cramming a website with content, content must incorporate the latest in web design to grab attention, appeal to emotions and convert prospects into clients. Here are a few of the latest web design trends that businesses should explore for successful content marketing in 2013.

Trend #1 – Responsive Website Design

One of the top trends in web design right now is responsive website design, which is an essential part of web development due to the growth of tablet and mobile browsing. It is important to have websites that adapt to fit any device being used to view the site. With responsible website design, businesses can ensure that their content is viewed the way they intent, no matter what device is being use to access it. Why is this important to content marketing? With a huge section of individuals accessing the web via tablets and smartphone    s, businesses must ensure that their content is viewed successfully on these devices. Failure to use responsive design increases the chance that website visitors will ignore your content and move on to another website that they can easily view and use on their device of choice.

Trend #2 – The Use of Special Effects

The use of special effects is another of the latest web design trends that must be considered as a part of any business’ content marketing strategy. Since individuals continue to spend more time using smartphone    s and tablets, older navigation paradigms for desktop computers are being left behind. This has led to new designs that feature visual effects and complex interactions with the use of new technologies, such as CSS3 and HTML5. The focus on special effects resulted in an increase in fading and sliding visual elements, interactive buttons, parallax scrolling and more.

Trend #3 – Minimalist, User Friendly Designs

Minimalist, user-friendly designs have also become trendy recently and businesses will do well to consider this trend as they focus on their content marketing strategy. The idea that less is more is a popular approach that has caught on across the web, since websites, such as Tumblr, have profited from offering users such easy to use, minimalist designs. This includes leaving more white space on a page, which makes a website seem more knowledgeable and more professional. Presenting content in a way that seems professional is important and every business wants to appear knowledgeable. With minimalist designs, businesses can focus on offering exactly what users need, providing content in this design that works to convey the most important information.

Trend #4 – Embedded Video on Websites

Video has become more and more important in the past few years, and now, embedding video on websites is one of the biggest web design trends of 2013. Since video offers such a powerful way to keep an audience engaged, it’s easy to see why website designers are deciding to embed videos in websites. Video is an essential part of any content marketing strategy and with this website design trend, video can be used to its fullest potential by embedding it in key places of a website.

Trend #5 – Increased Social Media Integration

Increased social media integration is yet another trend in website design that content marketers must carefully consider. Although the use of sharing buttons is not a new concept, integration of websites with social media networks will continue to go deeper in the future. While responsive website design helps businesses with the delivery of their content, sharing through increased social media integration will help keep content crowned as “king.” The hub for content continues to be websites, but increased integration with social media will facilitate sharing across a variety of different platforms. Social media integration must be a priority for everyone who desires success in content marketing.

Many of the latest web design trends show content marketers that the beautification of content is essential, since websites like Instagram and Pinterest have shown that design has the potential to make a company stand out from its competitors, leading to a priceless form of user loyalty. Web users, whether they use the web on their computer, smartphone or tablet, want to see beautiful content that engages their emotions. Implementing these new design trends helps take content marketing to the next level.

Author bio: Mark Gavalda is the CEO of MandLoys Web Design Agency. He did ana amazing job with the Content Marketing Essentials project and I would definitely recommend following Mark on Twitter as well.

This post Content Marketing Strategy and the Latest Web Design Trends was written by Catalin Zorzini and first appearedon Inspired Magazine.

Having a pre-built library of UI graphics ready to go can be an incredible lifesaver both for your wallet and your calendar. And with this Menso UI Set Bundle, from Vandelay Premier, you’ll never need worry about it again. It normally sells for $76, but for a limited time you can get all 4 styles of this fantastic collection of graphics for a ginormous savings of 75% off the regular price!

Menso UI Set Bundle Highlights:

• Multiple Styles
  With this bundle, you don’t just get one set of UI elements to choose from. Nope, you get 4 different styles including: light, dark, colorful and metal. Each style is loaded with high-quality design elements for you to grab and use throughout your interface, whether it’s for an app or a website.
• Easily Customizable
  Your bundle includes 4 Photoshop PSD files for each style (a total of 16 PSD files and hundreds of ready-to-use design elements) , so you can quickly and easily find the exact elements you’re looking for. Organized and layered, these PSD files let you customize any element you’d like, whether you want to alter the size, text, color or whatever.
• Hundreds of Elements
  Each style includes dozens of different graphical elements to use on your interface. You’ll find a wide variety of slick, professional UI elements including: navigation menus, buttons, ribbons, sliders, social network sharing, media player elements, comments, profiles, maps, charts, messaging and so much more.
• Unlimited Uses
  Your purchase of this Mighty Deal lets you use any and all of these elements on an unlimited number of personal projects, as well as those for business. That even includes any templates or WordPress themes you might put together and sell to your clients.

Take a look at the 4 different styles included:

Light

Dark 

Colorful

Metal

Pricing:

The Menso UI Set Bundle normally sells for $76, but for a limited time you can get all 4 styles of this fantastic collection of graphics for just $19! That’s a ginormous savings of 75% off the regular price!

This post Inspired Deal of the Week: 4 Fantastic Premium UI Sets – 75% off! was written by Catalin Zorzini and first appearedon Inspired Magazine.

A couple of days ago I was approached to write a product review. However, the offer I got was kind of unusual. Particularly, the co-funder of ThemeFuse reached out to me and asked me to check out their new service, purchase it with my own money(!), write a review and then send it back to him. Since I’m not what you’d call “money-smart,” I’ve decided that it’s the perfect offer for me! Now, the service in question is offered together by ThemeFuse and WebHostingBuzz (disclosure: we use WHB for more than two years and we’re very happy with their services). It doesn’t have a particular name, but it’s all about providing a truly easy way of launching a WordPress site from the ground up, even if you’re a complete beginner and have 0 (zero) experience in this area.

What is it exactly?

Just to give you a quick summary of the whole service, here’s a short elevator pitch: It allows you to pick a theme from ThemeFuse’s gallery and have it installed by their team, on an optimized hosting platform, and under a new domain (of your choosing). From a client’s point of view, this is great because the only thing you have to do is choose a theme and your work is done. Then after a while, you end up with a fully functional WordPress site. Cool, isn’t it?

Who is this for?

The official press release says that it’s for beginners in the WordPress world who don’t want to deal with all the hassle that’s usually involved when building a site. That is true. However, I’d say that it’s also for anyone who simply can’t be bothered to set everything up on their own and would rather have it done by someone else. Hence it’s also a good deal for pro developers and designers.

Does it work?

Here’s the thing, creating a product for beginners is actually really really really hard due to something called the curse of knowledge. The curse of knowledge is, for example, what prevents you from explaining a basic concept of an area that you are an expert in to a complete beginner. In other words, it’s when the scope of your knowledge makes it impossible for you to switch to a beginner state of mind and be able to deliver value in an easy to grasp way. This is ultimately the reason why no one understands university professors when they try to explain things… And sometimes, it’s also a problem with many “beginner” products in various niches. So today, I want to check if this new service has similar issues or not. This is how I’m going to do this – my original testing method:

• The service gets a credit of 10 points to start with.
• I’m going to go through the entire setup process and try acting like I’m completely new.
• If something isn’t clear, that’s -1 point.
• At the end of the test, we’ll have the final score.

The test begins

To take advantage of this new offer, all you have to do is go to the ThemeFuse website:

Quite a long page, but it explains the main idea behind the service pretty clearly, so it’s surely worth a read. There’s a signup button at the bottom.

After clicking it, you’ll end up straight in the theme gallery, where you can choose whatever theme you like (every theme is included in this new service). After browsing around for a while I’ve decided to go with Conexus. 

The sales page for every theme itself is very clear with a visible buy button. But the next step – after clicking this buy button – can cause some problems. It’s an order customization page, and unfortunately, I’m going to have to call “-1″ on that (yeah, let’s keep this review honest). Here’s the problem, this is what this order customization page looks like:

Since I’m interested in the “theme-domain-hosting” package, I clicked the big blue box at the bottom of the screen, which led straight back to the page where I started this whole journey. Not a serious issue, but still a little misleading. Anyway, the thing you should click here is either the BUY STANDARD version button or the BUY DEVELOPER version button (in most cases it’s the former). Okay, let’s do that and see what happens.

Everything is back on track in this step. There’s a very clear confirmation page where you can click the orange button and get started with the new service. The next screen:

This is where you have the possibility to get a new domain along with your package (the domain is optional; you can skip it if you already have one). By the way, if you decide to get a domain, it’s free for the first year. You get to choose from domains under .com, .net, .org, .biz, and .info. After clicking the Review Order button you’ll see the final confirmation page.

This is where you can check if everything is alright, pick a payment method, input a discount code if you have one, and finally proceed to checkout. One more step you have to take care of before the checkout itself is the signup page for a client account at ThemeFuse.

What follows next is a standard PayPal payment procedure (if you’ve selected PayPal as your payment method). I don’t think any screenshots are necessary here… It’s a pretty standard PayPal transaction. Lastly, after successfully completing the transaction you can go back to ThemeFuse (through the link provided inside PayPal). Well, apparently, that’s it for the whole purchase process. All that follows now is an email from ThemeFuse informing you that the site is up and running. Now here’s the best part. Literally 15 minutes after completing my purchase, my new domain was live, and I could access the site’s Dashboard via the client panel at ThemeFuse.com. Again, that’s 15 minutes. (Note. This is a fully functional WordPress site. So you get unlimited access to the Dashboard, where you can publish posts, pages, create new user accounts, install plugins and so on.)

The good

To be honest, I love everything about this service. It’s clear, the signup form is impressively simple, and the whole idea itself is superb. The main element where this service stands out is its ease of use. You really don’t need any experience in order to handle the signup process. Everyone can do it.

The bad

If you’ve read this closely then you’ve noticed there’s only one “-1″ moment. And to be honest, it wasn’t even that serious. Just a single, little misleading message for people landing on the order page. The signup process itself is so simple that it’s really hard for me to find anything else wrong with it. And believe me, I tried. I even waited for the session to invalidate and did other similarly strange things, but nothing bad happened. More than that, I made my test on Saturday, and even despite this the site was live within 15 minutes.

Plans and pricing

ThemeFuse sells their themes for a variety of price points. The standard range is $49 to $99 for a standard license (there’s also one free theme). The hosting package is $69 a year. In the end, to get started, you need $128 in total, and that’s exactly what I paid during the test.

The bottom line

Let’s compare this service to the traditional way of launching a WordPress site. Usually, you have to do the following things:

1. Get a domain.
2. Choose and buy a hosting account.
3. Connect the two together (not always that simple).
4. Install WordPress (either by hand or through an auto-installer).
5. Get a theme and upload it to your hosting account.
6. Install the theme itself.

With this new service, on the other hand, there’s just one step:

1. Pick a theme at ThemeFuse and tell them to handle the setup process for you.

I mean, you can’t beat that. I believe that this service truly is the perfect solution for every beginner to get a site as quickly and effortlessly as possible. What do you think? If you decide to take advantage of this service, don’t forget to leave a comment and let me know how it went.

This post How to get a new WordPress site launched within minutes – review was written by Catalin Zorzini and first appearedon Inspired Magazine.

This is a guest post by Jozsi – Halcyon Mobile‘s in-house hipster and cutting-edge UX designer.

Our old website was made in 4 days and it did a great job for us for almost a year, but the time has come to take the company to the next level. Following our repositioning and new visual identity, the next step was to translate the new brand into a red-hot, responsive website.

Reasons to change

Our old website was not responsive. We had a separate mobile website that was basically a simplified version and missing some content. We soon realized that this was not the best idea, because a lot of our website traffic came from mobile devices. Hiding information about us from the people interested in what we do can only serve to our disadvantage. We have realized how important it is to provide mobile and desktop users with the same content, since, as Brad Frost also said: “mobile users will do anything and everything desktop users will do, provided it’s presented in a usable way.”

Another drawback of having a different mobile and desktop website is that it requires double effort: when you want to make changes or update information, you need to do it twice, for each of the versions separately.

For these reasons we decided to get responsive. We’ve kept our content short, clean and to the point, putting some of our work in the spotlight, as we think these speak best about who we are. We’ve made it easily browsable and faster.

Design solutions for quick feedback on responsiveness

We have made most of the design in a text editor for two main reasons: First, as I mentioned before, we had to bear in mind the time constraint we were under. After the first couple of wire-frames were made, we jumped into coding and made most of the design decisions along the process. Second, when you design a clean, one-page website like ours, and you want to make it responsive, this solution saves you a lot of time. Instead of making several designs for desktop, tablet and 1-2 mobile devices in Photoshop that can be really time consuming, you can just quickly put together an HMTL mockup and test your ideas by resizing your browser. This approach provides you with a quick feedback on whether your idea works on all resolutions or not.

However, I don’t advise you to do this if you have to build a more complex website with an elaborate IA and more pages! For more complex responsive design you can use Adobe Edge Reflow where you can put together simple design mocks and quickly test their responsiveness.

Regarding the calculations of the different elements, the Foundation responsive framework was of great help to us. There are other responsive frameworks as well that I can recommend you, such as Gridset app  and Gumby framework. These can save you a lot of time at the beginning of the development process.

Layout choice according to the extent of your content

We stuck with the one page website layout for several reasons. One was that this is a good solution if your content is short and straightforward. Second, for touch devices a one page website is by far much easier to navigate, as you only need to scroll down or to the side, as opposed to tapping on a drop-down menu, selecting a menu item and waiting for the new page to load. This can take a while and be a really bad experience with a slow 3G connection.

Thus, one page websites do a great job when you don’t have much content. For more complex ones, with lots of information, I advise you to spend more time on defining your layout and ways to build your content, otherwise users can easily miss important information while browsing through.

Enhancing the user-experience

Making a responsive website is not easy. Sometimes you need to design 2-3 different layouts to cover a number of touch devices (iPhone, Android phones with a bunch of screen resolutions and tablets). However, it is exciting to come up with solutions that provide with the same awesome experience on all devices.

What’s more, you can enhance the user-experience on the mobile devices by adding some extra animation. To ours, for instance, we added the following: when you tap on a member in the Team section, his bio opens and the information slides up to the top. Also, when you close it, it slides back down in the list, taking you back where you previously were. All the sliders on the website are touch enabled, offering users an enhanced experience when browsing our portfolio section.

All in all, we are very happy with the result, as we managed to design a pretty neat responsive website in such a short period of time (18 days). It gives a much better view of who we are, what we do and how we do it. Of course, as any piece of software, it is never “done”, it can always be improved, and we have the ideas for it, but for now here you have the all new Halcyon Mobile website: halcyonmobile.com.

Author bio: Jozsi – Halcyon Mobile‘s in-house hipster and cutting-edge designer – spends most of his time fiddling with innovative user interface and experience designs. You can often catch him painstakingly fine-tuning a website, t-shirt or logo in order to elicit the highest degree of beauty, elegance and purity.

This post Switching from a mobile website to a responsive one was written by Catalin Zorzini and first appearedon Inspired Magazine.

shorTuesday™ aims to be a super condensed post (usually under the form of a list) on a topic relevant enough for our readers, whether they’re web designers, mobile developers, online marketers or random googlers who boost our bouncing rates.

Today’s topic: five sites you should still visit from time to time, even with today’s super-crowded schedule and massive amount of information flooding you from every direction. Sometimes is a good idea to choose high quality curation over the randomness of our Twitter stream.

Quipsologies

A is a division of UnderConsideration, chronicling the most curious, creative, and notable projects, stories, and events of the graphic design industry on a daily basis.

With Links

A curated selection of internet links, from ruby scripts to roast potato recipes there is always something of interest for the digital flâneur, selected by WithAssociates.

The Tech Block

A carefully curated platform where quality is paramount and only the most insightful content makes the grade.

Designer News

The Hacker News of the design community, managed by LayerVault.

Swiss Miss

Always a great source for fresh and inspirational products and projects.

That’s is. Let me know what other sites you’re keeping an eye on!

This post shorTuesday: five sites you should still visit daily was written by Catalin Zorzini and first appearedon Inspired Magazine.

It’s billed as the battle of the century, at least as far as app developers are concerned; which has better ROI, Apple’s iOS or Google’s Android? Consumers are split: Apple have the single largest market share, Google have numerous manufacturers on their side; iOS dominates North America, Android wins out in Europe.

If you’re targeting mobile devices, then ideally you want to have releases for both iOS and Android. But in the age of the lean start-up, where minimum viable products are all the rage, you have to pick a side and prioritize one or the other.

Not sure whose team you’re on? Keep reading and we’ll help you decide.

iOS vs Android – infographic created by WebdesignerDepot

This post Revenue Wars: iOS vs Android [Infographic] was written by Catalin Zorzini and first appearedon Inspired Magazine.