I’ve read through a number of sources which state mobile first design is almost essential, which I can’t deny it does have obvious benefits such as faster load times for mobiles which generally have slower download speeds through 3G and 4G.
But what if you’re building a smaller website with very few images.
I would like to hear of others opinions in this subject and whether or not people think there are exceptions. Personally I prefer to design/code for desktop first and scale down from there. But is it really that important to design/code for mobile first or are the end results not significant enough to bother in certain situations?
From a purely design standpoint, starting with the mobile version first does make sense.
The hardest part of the design process is always pruning, never adding. So the smaller the screen real estate you allow yourself, the more you’ll have to think about what is important in your design, what information you really need to show. Also, you’ll force yourself to think about accessibility too, for text and other items will be smaller.
Once you’ve designed the ‘light’ version, you can then proceed to add extra things like design elements and enlarge things as you gain real estate. As pointed out by @Django, you should never leave out features from the design.
For your site, an example could be the menu. You decided to leave of the menu items and replace it with a hamburger icon, which is standard procedure. But if the menu items are one of the most important things on the page, you wouldn’t want to hide them behind a click.
sidenote: The red on blue on your site is really bad for the colorblind, please consider changing this.