INNOGROUP is a digital marketing startup based in Marrakech, Morocco. They offer a range of services linked of course to digital field. Obviously their website should reflect the company’s name, values, creativity and who they really are as well as what they are good at. That is why they requested to change the website design they had at that time due to the lack of relevant user experience.
The goal for this project was to redesign the existing website for INNOGROUP Company. The brief included:
- Sleek redesign of website into LARAVEL Framework.
- Decrease site confusion, while improving information architecture.
The meeting with the executive director of INNOGROUP was to discuss the background of the company and have an idea of their field of work, to review their current offerings and future goals, as well as my project goals and interventions. Linking together all the information, gave us an understanding of the websites users, and what purpose they have, which aspired me to come up with the final results.
Strategy & Research
Current site issues:
- site menu is overwhelming
- text heavy and confusing
- A lot of repeated content scattered through out
New site expectations
- Communicate to potential clients
- Facilities and companies.
Competitive Comparative Analysis
We looked at competitor websites that offered web marketing services to compare their content and information hierarchy, reviewing what features they offered, and how information was displayed. It helped me to uncover the unseen users’ problem and inspired me for a better design.
We then closely reviewed all pages of the current website, reviewing content, breakdown of pages, navigation and use of images. The current site is text heavy, with two navigation bars at the top of the page looking cluttered and unclear, and with little hierarchy to the content. Afterwards we put an outline of how we want my new design to be, what value can we add to the website and of course the message transmitted to the users.
FINAL SCREENS + UI(UX) DESIGN
After doing more users testing, we once again realigned the homepage to better meet our business goals, moving” the Get Involved section” up to right under the hero image to right away, show viewers how they can help. The final homepage looked like this:
As we mentioned before, the old version of the website was so confusing due to the presence duplicated content, grammatical and typing mistakes, misleading info’s and the non-engaging content.
So we started by a general review to the articles and the descriptions posted on the website, then we defined the core problems and targeted the issues we were to work on.
Knowing that www.innogroup.ma is the official website of INNOGROUP, where they present the company, explain their services, and expertise and also share some of their works, we suggested that they need to have a “call for action” content to engage their users and push them to ask for INNOGROUP’s services.
Afterwards, we did a lot of reading about content creation, digital marketing and SEO based content to come up with the articles and the texts displayed on the website today, both in French and English.
This project was more challenging than We had originally expected. The volume of content was discouraging, and there was difficulty in finding subjects who had used the website regularly and could give valuable feedback. So user research was initially a hurdle. The client didn’t have analytics set up on the site, so proving some of the points they brought up in the brief was difficult.
However, the challenge gave me the opportunity to come up with creative ideas to find the information we needed to improve the overall website. We believe we were successful, and we were able to get more in depth with the research and planning aspects of this project, which was my highlight for this project. we vastly enhanced the structural design of both content and pictures, making the site clearer, more manageable for the Back End, and more engaging for the end user. We created a visually pleasing site that met the client’s goals.