Author Archives: admin

Web Design Mauritius – Le Responsive

Internet est devenu une partie intégrante de la vie quotidienne. Même en déplacement, de plus en plus de personnes surfent avec leur téléphone portable et leur tablette. Par conséquent, il est extrêmement important que la page d’accueil de tous les appareils soit clairement affichée et facile à utiliser. Une conception Web réactive est essentielle pour une présentation claire, mais également pour l’optimisation des moteurs de recherche.

L’importance du Responsive

“Responsive” se traduit de l’anglais par “react”. Traduit à la conception de sites Web, on pourrait dire que la conception “répond” à l’appareil sur lequel il est affiché. Lors de la création d’une page d’accueil en Responsive Web Design, il spécifie comment la page est affichée sur différentes tailles d’écran. Sur le moniteur, avec une résolution d’au moins 1024 pixels, l’utilisateur voit un site Web de construction classique, généralement avec quelques colonnes côte à côte.

Si vous naviguez la même page avec la tablette, qui a beaucoup moins de largeur, les colonnes s’adaptent de manière à obtenir une image nette. Encore plus loin, le contenu de la page doit s’adapter à son ouverture avec le smartphone. Dans ce cas, la page reconnaît la résolution et ne contient généralement plus de colonnes, mais trie le contenu.

Raisons pour être responsive

 

  1. Facilité d’utilisation

Le gros avantage du responsive web design, est la convivialité. L’utilisateur devrait pouvoir utiliser le site Web correctement sur le smartphone, comme sur PC. Il est important que tout le contenu soit affiché lisiblement dans la largeur de l’écran du mobile. Mais l’opérabilité doit être garantie.

Pour ce faire, le menu utilise généralement un bouton qui peut être ouvert via l’écran tactile. Les éléments de menu se trient proprement lorsqu’ils sont dépliés, dans une taille qui peut être facilement utilisée via l’écran tactile. Si la disposition de l’écran sur toute la largeur de l’écran du smartphone était adaptée, les textes et les boutons seraient si petits qu’ils ne pourraient pas être utilisés sans un zoom constant. Vous pouvez souvent en faire l’expérience avec des sites Web plus anciens qui n’ont pas encore été créés dans le respect du design réactif.

  1. Apparence et succès d’un site web

Pour les entreprises, Internet est un important canal de marketing et de vente. L’image de la société sur Internet décide souvent en quelques secondes si un client reste intéressé ou non. La page d’accueil est la carte de visite numérique d’une entreprise, qu’il s’agisse d’une page de renvoi, d’une boutique en ligne ou d’une page purement informative. Le succès du site dépend fortement de la première impression de l’utilisateur. Cela devrait être le plus optimal que possible sur tous les appareils.

  1. Optimisation du moteur de recherche et classement Google

Google est le premier moteur de recherche sur le Web. Aujourd’hui, presque tout le monde à la recherche d’un produit, d’un service ou simplement d’informations entre un terme de recherche sur Google. À mesure que le nombre de pages Web augmente, Google doit sélectionner de plus en plus de filtres pour montrer à l’utilisateur les meilleures pages dans les premières positions. Dans cette sélection, la valeur ajoutée d’une page par rapport à d’autres concurrents joue un rôle majeur. Depuis avril 2014, la convivialité, y compris le responsive web design, est également incluse dans les algorithmes de Google. Par exemple, si deux entreprises font une offre sur le même produit pour le terme recherché, la page créée avec Responsive Web Design sera privilégiée par Google et placée plus en avant.

En savoir plus sur : Web Design Ile Maurice

Web Design Mauritius – Be Responsive

The Internet has become an integral part of everyday life. Even on the move, more and more surfed with mobile phone and tablet. Therefore, it is enormously important that the homepage on all devices is clearly displayed and easy to use. Responsive web design is essential for a clean presentation, but also for search engine optimization.

The Importance of Responsive Web Design

“Responsive” translates from the English as “react”. Translated to the web design, one could say the design “responds” to the device on which it is displayed. When creating a homepage in Responsive Web Design, it specifies how the page is displayed on different screen sizes. On the monitor with at least 1024-pixel resolution, the user sees a classically constructed website, usually with a few columns next to each other.

If the same page is called up with the tablet, which has significantly less width, the columns adjust themselves so that a clean picture develops. Even further, the content of the page must adapt when it is opened with the smartphone. In this case, the page recognizes the resolution and usually has no more columns, but sorts the content among themselves.

Reasons for Responsive Web design

  1. Ease of use

A background of the development of websites in responsive design, is the user-friendliness. The user should be able to operate the website well on the smartphone like on his family PC. It is important that the entire content is displayed legibly in the width of the mobile screen. But the operability must be guaranteed.

For this, the menu usually turns to a button that can be opened via the touchscreen. The menu items sort themselves clean when unfolded, in a size that can be easily operated via the touch screen. If a screen layout in the entire width of the smartphone screen adapt, texts and buttons would be so small that they would not be operated without constant zooming. Often you can still experience this with older websites that have not yet been created in respect to responsive design.

  1. Appearance and success of a website

Especially for companies, the Internet is an important marketing and sales channel. The company’s appearance on the Internet often decides within seconds whether a customer remains interested or not. The homepage is the digital business card of a company, no matter if it is a landing page, an online shop or a pure information page. The success of the site depends heavily on the first impression of the user. This should be as optimal as possible on all devices.

  1. Search Engine Optimization and Google Ranking

Google is the #1 search engine on the web. Almost everyone looking for a product, service or just information today enters a search term on Google. As the number of web pages gets bigger and bigger, Google has to select more and more filters to show the user the best pages in the first positions. In this selection, the added value that a page has over other competitors plays a major role. Since April 2014, the user-friendliness – including via responsive web design – is also included in Google’s algorithms. For example, if two companies bid on the same product for the search term, the page created in Responsive Web Design will be preferred by Google and placed further ahead.

Learn more about: Web Design Mauritius

web-design-trends-2018

The new web trends 2018: Dare creativity

As everyone knows, the digital world is constantly evolving from year to year, and 2018 is no exception, far from it! Take advantage of the latest innovations and web trends to bring it up to date. Here’s what will mark 2018 in web design.

1. Animation and interactivity

As we all know, customer experience is becoming increasingly important and redefines sales standards and marketing strategies. Today, it’s no longer enough to praise the quality of your products and services to attract customers. It is now necessary to know how to capture the interest, and I would even say the imagination of customers, to offer them multi-sensory experiences that will captivate them.

This new desire on the part of customers to take part in personalized experiences has been heard by web designers and that is why the animation and interactivity of websites are at the center of their strategy.

Changing colors, shapes, position and even photos: everything is possible. Everything is done to offer customers and Internet users an artistic experience that will charm them.

One of the innovations that will likely resonate with many people is without a doubt the Parallax effect. The latter has the particularity of creating an effect of depth to the different pages of your site. But if you want to stay simple then bet on graphic effects and trends.

2. The contribution of the video

As we have already mentioned in one of our previous articles, video will be an important and even a determining factor in marketing strategies in 2018. More than ever, this means of communication will be the key to exploit to seduce your customers.

This will be the perfect time to be creative and innovative. Surprise people while working on your brand and your notoriety. Attract attention while giving relevant information. That’s the challenge for this new year.

3. Online Shop

Already present on the web for a few years, online stores are still relevant as online shopping continues to increase. Having a showcase in the world of the web where it is possible to expose its products and sell them becomes a must for almost all businesses.

The benefits are many. As a first step, this gives you the opportunity to sell your products at any time of the day and night and to offer additional products during a purchase made by a customer.

Another important fact is that it also gives you a bank of information about your customers thanks to which you can then send them information about your promotions through a newsletter.

Web Trends: Dare to change

In 2018, things move a lot and you will have to do the same to stay in the race. The market is tough and companies will stop at nothing to get their share of the pie. Use creativity and dare to innovate with new web trends!

3D in your web pages

How to put interactive 3D images on a web page? What technical solutions for them to be visible by a maximum of Internet users, in other words supported by a wide range of browsers? How to implement them?

Several solutions exist, but none has yet emerged: technologies, equipment and standards are constantly changing in this area, so the choices are not obvious. To schematize, there are solutions that have proven themselves but which do not seem to have a future (Flash 3D, Java3D) and promising solutions based on standards but which are not yet universally supported (WebGL, CSS3 3D).

Flash 3D: proprietary solution (Adobe), user side requires the Flash plug-in, design side a good knowledge of ActionScript or go through a dedicated 3D Flash engine (Away3D, CopperCube …).

Java3D: open-source solution, Java API (not included in the JDK), user side requires the Java virtual machine, design side some knowledge of 3D programming or go through software like WireFusion.

The Flash plug-in and the JVM are installed on almost all (98%) desktop computers.

WebGL: open-source solution, port of the OpenGL standard for web browsers, user side requires compatible graphics card, driver and browser (more and more widespread, 70% at the time of writing this newsletter, updated info on WebGLstats), design side some knowledge of 3D programming and Javascript or go through a rendering engine exporting WebGL (CopperLicht, CopperCube …). It is actually a Javascript API that allows browsers to use the power of calculating graphics cards to display images and animations in real time via the <canvas> tag of HTML5.

SKETCHFAB: AN ALTERNATIVE FOR THOSE WHO DO NOT HAVE THE TIME TO LEARN …

Recently, a very practical solution has emerged that will meet the immediate needs of some people: the Sketchfab gallery.

It is a 3D model hosting service designed on the same principle as YouTube or Vimeo. You import your file in its native format and the service is responsible for posting on the Internet. You can then publish, share and integrate it into your web pages. The service is based on the WebGL standard and an alternative solution for users whose hardware configuration is not compatible.

digital-marketing-services-mauritius

Digital Marketing Mauritius: Strategies 2018

Mobile influences marketing strategies

Adissa Akanni (Verisure, Securitas Direct) insists on the victory of the mobile against the desktop. “The” Mobile Moment “remains one of the highlights of the last few months. This inversion in the relationship between mobile and computer will further accentuate the development of AMP (Accelerated Mobile Pages) formats. This global trend, highlighted in the 2017 Consumer Barometer, influences all marketing strategies. The contents offered on the sites and platforms adapt, companies must design customer experiences taking into account the properties of smartphones.

The decline of natural reach on social networks

Social networks will not die in 2018, but their role is changing little by little. Like many professionals in the sector, Diana Fellous (dermatological laboratories of Uriage), noticed the decline of the natural reach on Facebook. The social network state considered by the brands as “a real playground since 2008-2009” but “it is positioned more and more like a media, and therefore to be visible it is necessary to pay. You have to be there, but you have to have a media budget to give visibility to the content. ” Patrycja Mothon (Pandora) joins her and appreciates the effectiveness of dynamic advertising on Facebook (DPA, Dynamic Product Ads).

For Elodie Ragot (Xylem), the role of social media in terms of targets should be separated to formulate effective strategies. “The big digital trends are centered around social media in a role of lead generation for B2B and increased sales for B2C”.

On social media trends, we advise you to read this excellent analysis, published by Buffer earlier this week. We note that social networks (in their organic form) are becoming less and less like traffic acquisition channels.

The rise of influence marketing

Faced with this decline in the effectiveness of social networks (excluding advertising), marketers are looking for other levers. Some enthusiasts have become real relays which it would be a shame to deprive themselves. Influence marketing has become commonplace, and more and more brands are using influencers to improve brand awareness or play on their brand. For Pierre Goubault, this will be one of the trends of the year 2018: “Digital marketing in 2018 will be marked by the emergence of influencers who can become a credible alternative to traditional levers.”

The “profession of influencer” is structured and is no longer reserved for the fashion and beauty sector. To support them and facilitate the links between brands and these new media, “many platforms have been developing for almost two years: Octoly, Lefty, Influence4You …” says Diana Fellous. These KOL (Key Opinion Leader) have the advantage of having, sometimes before the brands and more effectively than these, invested all the platforms of the market: first blogs, then Instagram, YouTube, Snapchat, etc.

web design mauritius

Top 4 graphical trends for 2018

We have decided to make a Graphical Trend forecasts for 2018 and we’ll see how it works out. To be certain to recommend the most meaningful trends, we asked for the opinion of experts, whether they come from digital, design or communication. Between algorithms, VR, vibrant colors, authenticity and refusal of design, the year promises to be exciting!

1. The return of the reasons

According to experts the patterns – or patterns for English speakers – “are experiencing a revival in all forms: from classical dress to the setting in motion. This is indeed gaining in popularity and can be noticed on many new websites designs.

 

2. Vibrant colors at Spotify

This is the trend of the year, which the majority of interviewees spontaneously cited. A reference that set the tone: Spotify, and its new identity … dating yet from 2015 we might see more and more vibrant colors coming to website as the year passes by.

 

3. Algorithm or creative coding design

For Tristan Macherel, Executive Creative Director at Landor Paris, and president of the Design Jury at the Cannes Lions in 2016, there is “a fundamental trend that designers are not sufficiently trained in: the creation through algorithms, 3D, creative coding “. New techniques that come out of Adobe’s usual Creative Cloud suite (until a future update?) Taught in schools. In view, the creation of identity, packagings that are based on the visualization of data. The idea is not here to digitize forcefully “physical products, the concrete, the touch that people always seek” but to bring innovation behind the scenes, meaningful. Tristan Macherel voluntarily quotes “the home page of Google, layout very simple, and very colorful logo. This almost childish interface masks yet one of the most powerful algorithms in the world.

 

4. The movement

The interfaces will come alive more and more thanks to the new technical possibilities and the talent of the developers. This is a real plus for the user experience, with some surprises, as well as remedies for “wait-time anxiety” – as time passes by more and more website will be interactive and will fill in the waiting time gap for those impatients of the net.

web design Mauritius

Web Design Mauritius in 2017

Web design is halfway between form and functionality. It is therefore logical that new trends are largely influenced by technology, be it devices, operating systems, browsers or program libraries available on the market. But the recent aspirations of today’s graphic designers go even further, they also influence the very principles and philosophies of design. Recent years have been marked by unprecedented technological advances, including:

The democratization of mobile phones

The appearance of integrated dynamic 3D interface (via WebGL) The adoption of HTML5, CSS3 and the rise of JavaScript frameworks. As well as the increase of the speed of internet download (on computer as on mobile).

Together, these technological advances have created a real turning point in the history of web design, particularly with the emergence of adaptive sites (“responsive” in English) and more generally, mobile oriented designs.

In terms of aesthetics, we cannot ignore the supreme reign of flat design, three years ago. Then it was Google’s turn to introduce Material Design to push us further towards abstract design. In 2017, we have seen that the trends bring us a little closer to reality: 2017 has been the year of hybrids, in forms as well as in colors or functionality, where technology and reality come together to create experience so far unequaled.

Without further ado, here are the 3 trends that we believe have wreaked havoc this year:

1. Menus that defy any navigation paradigm

Since the archaic birth of web design (that is to say, 20 years ago), we have seen two types of navigation: top (menu bar at the top) and sidebar (menu bar at the sides). It was the arrival of responsive design that led to the arrival of the hamburger menu. What would you say to us?

2. Simply delete the menu

No need to tell users how to navigate a website. They know the principle of scrolling and will use it instinctively until they find the information they are looking for. Some graphic designers have chosen to remove almost all menus and let users evolve freely.

3. Adopt the hamburger button and forget everything else

Instead of designing two different menus, one for the desktop version and the other for the mobile version, many websites opt for hamburger navigation. Since the designers realized that it is no longer necessary to occupy space on the screen with a navigation bar. Of course, you do not have to put a hamburger icon … We are seeing more and more graphic designers play on typography to indicate to users where to click to access the menu.

3D Modelling Mauritius

What is 3D modeling?

3D modeling allows you to create 3-dimensional objects on a computer. Thus, it is possible to realize complex objects, environments, characters, buildings, landscapes, etc. from simple shapes such as spheres, polygons, cones or curves that define structures. Everything is possible. To dress the objects, they are covered with textures. Once done, even if you start having results, the work is not finished. Indeed, it is possible to apply characteristics to each element created to set it in motion, for example, or to assign reactions that will occur in a given situation. Sources of light can also be defined to virtually illuminate objects, make them more real and put them in situation. Thus, the 3D modeling makes it possible to put in situation of objects before proceeding to their manufacture. This is called CAD, computer-aided design. But of course, it’s not the only application of 3D modeling. Indeed, it also serves as a basis for the production of multimedia or audiovisual content.

How to do 3D modeling?

3D modeling requires specialized software. 3D modeling is a complex area that requires specific training. It is true that today there are tools allowing everyone to do a little 3D, but of course these are limited. The principle is the same as in photo editing: fans will find Paint enough to crop their images while professionals or those who need to make advanced editing will turn to Photoshop. Some brands, and especially brands working in furniture, also offer their customers to model their interior and to deposit furniture, wallpapers, etc. in order to have a preview before the purchase. But here, no skill is needed, just move objects, or even change their color. With regard to the true 3D modeling, one must know that this one requires rather advanced skills, especially since there are several methods to model in 3D: polygonal modeling, by surface subdivision, by curves, by geometry etc. Thus, to make advanced 3D modeling, it is necessary to equip a specialized software as proposed by Autodesk. But of course, that’s not enough. It is essential to have a high-performance computer that will be able to run this type of software and ensure rendering often very heavy. And it is on the choice of your graphics card that you will have to pay the greatest attention.

Which sectors does 3D modeling apply to?

Since 3D modeling is used to make objects in 3D, it is useful in many areas. It can thus be used in the automotive industry to create the design of new models. It can also be used in architecture to make plans and become more aware of indoor and outdoor spaces. The sciences also regularly use 3D modeling to present medical phenomena or to recreate the human body in a virtual way. This type of creation is also very useful in the field of education because it allows viewing in 3 dimensions of elements that are not visible to the naked eye. And when it comes to video games or animation movies, 3D modeling is essential to create characters and sets. Anyway, we must know that it is necessary to opt for software adapted to what we want to create. For example, for all things building, it is better to opt for a building software that offers very specific features such as simulations, structural analysis, etc.

At WEB Mauritius, our 3D modelling team is here to help you design your 3D models in the most effective way. Do not hesitate to contact us for further information.

wordpress-mauritius

Web Development Mauritius: WordPress

The different stages of creating a site are considerably easier under WordPress thanks to its flexibility and its performances. In order to fully understand the benefits of WordPress, let’s detail the steps of building a website in chronological order.

Web developmet in a nutshell

The specifications: This is the document that takes up the final schedule. It includes functional behaviors and plugins that will bring the project to its final release.

The model (also called “Wireframe”): it is an overview with a tree and a graphical interface.

Integration: this is the phase during which we add content such as articles, images, etc.

Developments: it is the step of the code that it is HTML, CSS, Javascript, PHP, MySQL …

Delivery of the project

In WordPress, development can take place throughout the entire project.

This flexibility makes it possible to continuously improve the project even if it is already delivered, very simply and quickly.

Concretely how does it work with WordPress?

The flexibility of WordPress makes it possible to proceed with the development of the site in parallel with the other stages of creation of a website.

The production steps in WordPress

Define appearance: typography, page templates, color charter and semiology. This is done by choosing the theme and the UI kit best suited to the project.

Add content: integration of texts, photos, videos, product sheets. WordPress has many tools such as the text editor and the media library to facilitate different content integrations.

Add features: plugin integration like forms, share buttons, comments, new menus and related content.

Adding content and adding features can be changed over the different stages of creating a site. These time savings allow us to focus on editorial quality and on a better-thought-out SEO.

You too, take advantage of these valuable benefits that WordPress offers you.

words-website-content-mauritius

How to write good content for your website?

To be more precise, your content must be relevant, digestible, interesting and memorable, identifiable by the search engines. And they must be kept up to date. And if your content is good, why reserve your talent to your website?

Relevant and digestible

When you write a text, strive to think like your readers. Address your visitors, your customers. Use specific terms. Go straight to the point in your texts and descriptions. What works best is necessarily short. Avoid any entrepreneurial jargon, talk like your customers would. Otherwise, they may never come to your site. And if they succeed in falling on them, they will not understand much of it, and will go to other heavens.

People do not read websites, they scan the screen until something catches their attention. If there is too much text to inspect, or if they do not find anything they expected, they move on to something else. Split your texts. Make short sentences and small paragraphs.

Choose your titles carefully. Do not say too much, or too little, it is the rule. And give care to the language you use, it’s important: If your site is for children, say “How to make paper flowers”, if it is addressed to specialists say: “Model for Origami: Pink “.

Use illustrations. A picture is worth a thousand words. If possible, replace some paragraphs with a photo or video.

Search Engine Performance

Approximately 40-50% of visits to a well-organized website are attributable to search engines. The other half of the traffic consists of direct visits, for example if your site has been bookmarked by your visitors, or if a third party site makes a link to yours. It is therefore crucial for any site to properly appear in the search engines, and be attractive enough to be recommended on other sites.

Search engines are quite disappointing in terms of indexing videos, audio, photo. So you have to look after the textual content of your site, which Google will display in its results. You should include carefully selected keywords in your texts, which will be used as search terms and will channel the interest of your potential visitors.

Rich and relevant texts in the eyes of your potential customers, will also be for the search engines. And then write interesting content, so that people want to create links to your site. These two axes are formidably strategic if you want to promote your site and your activity.

Keep your site up to date

Stimulate your visitors with your content, make them want to come back – Content should not only be interesting, but it should also be kept up to date. With a good blog, a section devoted to your products that is constantly evolving, links to consumer opinions, etc. Your site must stay alive. You must give the impression that someone passionate animates your site permanently.

The freshness of the contents of a site conditions its placement in the search engines.

Recycle your content

If the content of your site conforms to the above, then this content is good. Maybe even some of this content is valid enough to be used several times. 1) on your website, 2) in the internal company newsletter, 3) in a presentation to be presented at a conference or trade fair, etc. And why not in a press release or in a book? There may be a lot to learn from your passion …