Fourmeta

Josh Wood Colour - Headless E-commerce/UX/CRO

As with all great visionaries, Josh Wood Colour demanded greatness from their website design and function.

They wanted their website and e-commerce platform to have more features and flexibility—also, as better performance when it comes to conversion rate, website speed, and brand loyalty. As constructed, the website did not allow for the realization of its full potential.

The challenge was taking the existing Shopify e-commerce platform written in Liquid and transitioning to a headless approach. This challenge had to be met for Josh Wood Colour to continue uncovering unlimited opportunities and staying ahead of the competition.

• Once we analyzed the original version of our client's website and their business goals, we proposed the following research plan.
• To obtain basic user demographics and behaviors, we took a survey of ~20 Josh Wood customers.
• With the help of Useberry, we were able to analyze heatmaps for each screen which provided some valuable insights about the prototype.
• The study showed that only 8% of all users completed the test. Since quantitative studies don’t point out what problems users encountered, we conducted qualitative testing.

Headless Ecommerce Shopify

Shopify headless commerce was the first solution to overcoming the challenge of a lack of functionality. Headless e-commerce is a modern solution providing greater developer freedom and easier content management. Of course, transitioning from liquid template to headless e-commerce meant we had to update a number of plugins.

The next solution focused on the challenge of increasing sales and improving conversion rates. To achieve this, we first dove into research and got to know Josh Wood Colour and their client base better.

Additionally, we conducted user interviews and created buyer personas. All this led to redesigning the desktop and mobile interface and UX. Finally, vigorous evaluation with A/B testing and improvements. We had fantastic results and several key features were added.

The "Uber for residential cleaning"

 We were approached by the client with a startup idea for

 a cleaning service. In 6 months we gathered UX insights,

 designed complete pipelines for both cleaners and their

 customers, and created a fully functional cross-platform

 service for both sides of the transaction.

• Strategy

Working closely with the client designs the user journey and simulate processes. Create a functional prototype and test it on end-users, gather UX insight Design, develop and deploy a system that fully supports the customer journey and is in line with the UX findings.

•  Project scope

 UX research and design: client- and business-side user interfaces for mobile and desktop platforms: front-end and back-end functionality: back-office and user account panel; system deployment.

• Designing interfaces

The idea for the service was further expired in a workshop. Our tech design business and marketing experts and the client team of key stakeholders discussed the project goals, scope exchanged ideas, views and expectations and made sure we had the same vision.

• Brand identity & Colours

 A light colour palette was used to convey the feeling of freshness after the cleaning. Blue tones help create the impression of professionalism and dependability, while yellow accents arc associated with .various cleaning paraphernalia and the cleaning industry in general.

• Illustration

 A set of illustrations was developed in a minimalist and distinctive style using the brand colour palette. There was a great addition and alternative to photos when combined with the UI.

• Strong visual communication

 We developed a full Ul-kit for the service. using outlined icons with a fresh and clean look. In combination with the brand identity, illustrations and photos this created a very strong and friendly visual connection with the user.

•  End results

 Fully functional service created and launched.

Condomini provides an innovative solution to connect condominium managers and residents with an open line of communication. It is humbly beginning in Italy. Condomini needed a brand identity. Logo and website to expand to other countries. That's where Fourmeta came in. Our mutual affinity for creating products that make life more straightforward makes this an excellent case study.

We created a brand identity that is easily recognizable and is visually appealing. The logo and other elements can be seen throughout, leaving a lasting impression.

The website exudes practicality and simplicity with a minimalistic design that has all one needs. The website is intuitive and informative, with a clear breakdown of how it works, the benefits, and a properly placed CTA.

We had a look at Google Analytics to get quantitative data and understand the user's metrics.

We perfected the UX by creating personas and mapping out their UX journey.

Many of Condomini's users prefer mobile devices, and therefore we designed the website to adapt to mobile devices of any kind seamlessly. The scrolling and visuals are impeccable, and the user friendly.

We created a prototype to explore how users may interact with our designs. This is a great way to put ourselves in our users' shoes and review interactions and user flows. In addition, our team could collaborate and brainstorm ideas.

We created a brand identity that is easily recognizable and is visually appealing. The logo and other elements can be seen throughout, leaving a lasting impression.

A wide range Of fun illustrations was created to highlight the product's useability to a wide range of people and places. Hints of color, matching the overall palette, were inserted strategically to draw attention to critical features and captivate the user's attention.

Just like your personal identity makes you uniquely you, your brand identity is the special sauce of your business that sets you apart from every other. 

Logo design

The logo design is based on a car tire and the mark it leaves behind. The logo also leaves behind a lasting impression.

Branding

The color scheme and logo that represent great products are the keys to branding success. The Mobilhub brand provides ingenious solutions to travel safety and independent car maintenance.

Website

The website turned out a little more loose than the identity. The modular grid is built according to the canons of material design: all margins and values are multiples of 8 pixels. It is based on an 8 column grid with a 32-pixel gutter.

Process

We didn't allow time constraints to affect the quality of our work. We incorporated a keen understanding of UX in order to create a logo and brand presence.

Colour Palette

The primary green color is the key indicator of the Mobilhub brand.

Zontjk isn't just e-commerce. Through the website, our client needed to convey all the beauty of an art-crafted umbrella design in Sweden. The current solution wasn't satisfying in this regard. For this reason, we were approached by our client to redesign the whole site and review the full business strategy.

• In digital marketing, a landing page is a standalone web page, created specifically for a marketing or advertising campaign. It’s where a visitor “lands” after they click on a link in an email, or ads from Google, Bing, YouTube, Facebook, Instagram, Twitter, or similar places on the web.

• It’s this focus that makes landing pages the best option for increasing the conversion rates of your marketing campaigns and lowering your cost of acquiring a lead or sale.

FRESHEST FLOWERS STRAIGHT FROM HOLLAND

• A few words on how it turned out. Our client Was extremely satisfied with our work. The management enjoyed the visual as well as the functional part. Launched in November 2019, customers made their first purchases immediately afterward. Later, we provided further help to ensure a flawless operation of the service. As a direct result of this digital product, the client increased their revenue and customer satisfaction. Projects like this make us happy and proud of what we do.

• Home delivery of fresh flowers is an outstanding concept that defines our client Lilledkoju. Starting off with market research, followed by UX research and strategy, we developed a brand new design site for both desktop and mobile. Part of the process included creating a new logo as well as a brand identity.

Idea 8 Story

• Lilledkoju in the Estonian language is a composite word that stands for 'flower' and 'house' Fittingly, the company provides an outstanding service of home delivery of fresh flowers. In our formative process, we created the new logo by visualizing the semantics of these two words. Thus, from the very first sight, even a person not speaking Estonian knows this business can deliver fresh flowers right into their home.
• It has been said that minds are like flowers; they open only when the time is right. At Lilledkoju we design top-notch bouquets of fresh flowers and ensure that our specially designed transport will deliver them at the right time. All you need to do is to indicate the time and mark the place on the map. To make sure you receive a fresh bouquet, we pick it fresh from the stem. On our website, you will find models of already blooming compositions with a 360 view. Regardless of what you choose, you will never receive anything other than a fresh bouquet!