Mobwizards' Website
Mobwizards
UX/UI
Web Design
Motion Graphics
Magic mobile subscribers
Mobwizards' Website
Visit
Mobwizards
Redesign a very simple website, but find a way to make it special.
Mobwizards challenged me to make a website that in it's essence was extremely simple. They made it clear they didn't want to share too much about how they did what they did, but there needed to be a sort of magical feel to the website. They said "customers don't really care how we do it. They just want us to do our magic". Part of the challenge of the website was to refresh the brand, creating a new set of colours to be used on the website.
Basic structure and color freedom
The website's was made of two pages: Home and About. The content of the page was pretty simple and direct, and the structure of it was very basic to start with. Besides a presentaton of the company, the client wanted a place where users could reach them out. Other than that, the client didn't impose any other restrictions, giving full freedom to explore color, and refresh the brand. We ended up going with green and yellow and extensive use of gradients. Here are some shots of this color exploration phase.
Quadruple navigation levels
The first time I realised I had a tough job in hands was when I found that not only did we need a third level of navigation, in some cases, we actually needed a "hidden" forth. We can't obviously stack 4 navigation bars at the top, so a couple of alternatives were necessary.
Level 1
Level one of the navigation was a regular good old nav bar at the top of the page. We made clear distinctions between the names of the pages, specially make it clear that regular tasks to upkeep the system were under maintenance, while less visited pages on day to day usage with were under settings.
Level 2
The secondary nav bar came on below and sectioned with distinguishing names, clarifying what each page was for.
Level 3
This is less used across the admin, but in some cases we need a third level to navigate. And example of this was when we needed to clearly distinguish cryptocurrencies like we did on the funding page.
Level 4
Also on the funding page, given the need to make it as clear as possible to avoid mistake while operators fund their hot wallets, we wanted to add a somewhat "hidden" feature, that's not necessary to maintain the system, but it's definitely a "nice to have". This allowed users to dive in more deeply into something related to the page.
Putting all together
Rare were the cases in which we needed to use all 4 levels, but it did happen once or twice. The Funding page was an example of that, allowing users to enter the "hidden" section to see the funding history.
Magic Formula with 3 essential ingredients
The homepage was structured around their formula which include 3 basic steps: Perfect Match, Services and Magic traffic. The idea was to create almost a single page website, with all important information as part of the landing page.
Magic Formula with 3 essential ingredients
The homepage was structured around their formula which include 3 basic steps: Perfect Match, Services and Magic traffic. The idea was to create almost a single page website, with all important information as part of the landing page.
Magic Formula with 3 essential ingredients
The homepage was structured around their formula which include 3 basic steps: Perfect Match, Services and Magic traffic. The idea was to create almost a single page website, with all important information as part of the landing page.
A new way to override settings
A completely new override system that allow users to gradually change their settings as needed, by defining exceptions to the default values set up when installing the system. The new approach is both more complete and more modular, keeping values like commissions much more manageable, specially in larger operations.
The wizards of the Admin
Intuitive step-by-step wizards allow operators to easily enable or edit important settings without the lingering fear of very expensive mistakes.
Modular KYC
We approached Anti Money-Laundering / Know Your Customer requirements by allowing operators to be in full control, while keeping it simple and easy to understand and manage. The modular system enables the creation of fully customisable rules based on multiple dimensions: transaction amounts, volumes, velocity, and consecutive days.
Magic Formula with 3 essential ingredients
The homepage was structured around their formula which include 3 basic steps: Perfect Match, Services and Magic traffic. The idea was to create almost a single page website, with all important information as part of the landing page.
The result is a continuous scrolling experience, where the interactive play a big role in making it feel magical. We added a simple form at the bottom, to ease communication as well as a complmentary About page with more information about the company.
The use of color extended to the website, where 3-fold color palette would create an attractive gradient used in all graphic and buttons across the website. By using big and bold headings a simple layout, we created an informative modern website with a sophisticated look reflecting Mobwizards brand values.
The result was a completely new look and online presence. Also opened up my world to vectorized Lottie animations which is definitely something I'll revisit on coming projects. Below you is video of the scrolling experience on desktop.
Feel free to experience the real deal on whatever device you're seeing this.
“
Working with Nuno on our new company image and website was trully a great experience. The challenge presented wasn't easy, but Nuno managed to exceed our already high expectations. Not only did he single-handedly design and code the website, but he also guided me and the team through a very lean and immersive process of putting our brand perception into words, and in the end conveyed those feelings into our new website and brand image. Excellent at all levels!
Rui Fernandes
Mobwizards' CEO and Founding Partner
Project summary
Mobwizards' Website was an ambitious projects. With clients that early on made it clear they were expecting something out of the ordinary, it was a very complex creative process, with lots of experimentation and a few different concepts presented. All of these were different, and we ended up settling on the one that looked the most sophisticated which turned out to be a very simple solution. It was an oportunity to experiment with a lot of stuff.
We started out the project with a few Discovery sessions, which enlightened me on what the company is all about, their values, their team, on how they want to communicate their mission to world. Being inserted in a highly competitive market, the main goal here was to inform users as much as possible, without showing their hand to the competition. In other words, it had to look like magic.
