An all in one web design tool kit. Design in the editor without code, or get under the hood to write HTML, CSS & JS. Be the designer every business loves and make beautiful drag and drop layouts for your clients to enjoy.
Watch as 1000's of Drag and Drop layouts are instantly tailored to your Brand. Manage content in moments with a beautiful visual editor, supported by powerful dynamic widgets to serve news, galleries, media, docs and more.
With the Frame Tools you can create any combination of content types that you desire. Once you have layouts that you like you can save them to reuse them on any page in the future. Just click the Layouts tab at the top left of this page to view your saved Custom Layouts.
Such is the power of MOBLE CMS, that we offer unlimited design revisions to all our clients. So, when we were asked to design a website for a thriving Sydney design agency, how would the two sets of designers pair up? Would it be a case of 'two eyes are better than one'? Or, would this story tragically end with an 'eye for an eye'?
When MOBLE met Studio Messa we soon understood what a vibrant agency they were. Well deserved of their accolades with a wonderful client list, boasting the likes of Nike, American Express, Vogue, Foxtel, Paspally, Indeed, Nespresso, Martini, the list goes on. Now, as our client, we need to achieve as much creative success for Messa Studio as they achieve for their clients.
When a business engages a designer, the expected protocol is that the business offers their trust and support in return for expertise and guidance. Businesses hire designers to find a story, then have it presented in ways that both meets their business goals and takes their brand to the next level.
MOBLE has tried and tested processes to extract the story from a business. We apply metrics to both thoughts and facts, then use the data to remove all design subjectivity, with a focused objective to nail exactly what the client is looking for. Our methodology essential allows us to offer unlimited design revisions while speeding up production time (designers can read more about our methodology here).
When collaborating with other design agencies, we know they'll already have a solid grasp of their story and their goals. We know we have to adjust our normal methods so as not to waste precious agency time, yet still inspire the creative far beyond what the agency ever expected.
In a MOBLE design workshop, we showcase a selection of the latest website designs from around the world and ask the client team to score aspects of each design. We never begin a design project by asking clients to come prepared with their own reference designs. It is our job as designers to raise expectations, inspire what is possible, and advise on the most relevant styles and trends.
On this occasion, we knew Messa Studio would already be well prepared. Sure enough, they came to the workshop with a clear direction of who they were, where they were going, and of course, an arsenal of sketches and immaculate reference websites.
Knowing this would be the case, we changed our normal pre-workshop research and sought after inspiration that would be technology focused, rather than primarily design focused. The aim of our research would be to present technology options to remove any perceived boundaries of what could be achieved in MOBLE CMS, providing a nice platform for creativity and collaboration.
The defined objective post-workshop was to create a minimal website, with fine detail and micro-interactions.
UNCONVENTIONAL CUSTOM NAVIGATION
This began with a completely stripped back navigation. The four corners of the website were used to navigate to Instagram, Clients, Portfolio and Home.
The banner of the home page would include an autoplay, looped video. To spice it up we made it subtly fade away as you scroll down the page.
PARALLAX AND MICROINTERACTIONS
In the body of the page, we introduced parallax movement to show off the excellent project photography. We allowed the Studio Messa team to edit their own parallax movement in the MOBLE user interface with neat speed controls for each image.
For the image descriptions, we also introduced a subtle 'on scroll' animated line that neatly linked the description to the image.
CUSTOM DRAG AND DROP LAYOUTS
We created lots of drag and drop animated Design Layouts that Studio Messa could quickly mix and match to create unique customised portfolio pages, purposely tailored for each project. This would future proof their design, meaning that as soon as new projects were completed, Studio Messa could post it online, doing it all in-house, without needing a single line of code.
The end result was a pixel-perfect, minimal design. With such website design projects, the devil is always the detail. With two design teams working together, we counted 21 rounds of revisions, which both teams happily embraced, and as always at a fixed cost.
We love working with design agencies. Such collaborations give us insights as to how other designers work. It keeps us at the forefront of both the latest trends and agency demands, allowing us to apply the most relevant new design features MOBLE CMS. These collaborations ultimately allow more website designers to enjoy the MOBLE software and keep us all improving and doing what we love.
MOBLE is a Website Builder for Design and a CMS Business, projects like this really are at the heart of our ethos. Thank you Studio Messa, the pleasure was ours.
Whatever the size of your website, all MOBLE Plans come complete all the features!
MOBLE plans are based on the number of website pages, whatever the size of your website, you can be sure it will be packed with all the features from Dynamic Layouts, to Payment Forms, Integrations, Contact Manager and of course, Web School!
MOBLE. A WEB BUILDER FOR DESIGN. A CMS FOR BUSINESS.
Do it yourself or Hire a Pro! We serve all businesses from SME's to Enterprise. Talk with us for custom website design and website development, ecommerce websites, directories, intranets and social networks.