Sonelgaz is a state-owned utility in charge of electricity & natural gas distribution in Algeria. it produces 29 billion kWh a year, sells 4.6 billion cubic metres of gas a year, & employs nearly 20,000 people.
Role: UI/UX Design, Discovery, Hi-fidelity Designs, Research
Tools: Figma, Affinity Designer, Sketchbook & Pen
Before modifying the existing design and digging into visuals and direction. Detailed groundwork must be done for a website redesign to be successful. Taking the time to perform pre-project research, become familiar with existing content, competitor analysis, and take inspiration to get some ideas.
Inconsistency in the web design, Lack of Interaction between the web elements, Cluttered Design, Not mobile responsive, Too much content and Complex navigation
A Homepage must contain only what is necessary. Redundant texts, images, and too many CTA buttons only turn the whole place into a mess. When users are looking at too many different things, they get confused and fail to understand what to focus on.
The basics for me include creating a nice and clean visual hierarchy in the page design. Making my designs good means making them simple
Show casing the carousel design to the Homepage sectiion
Organized the news content designs to cards and added a CTA button to allow users to view all news pages, as shown below.
Standardizing the way information is conveyed ensures users can apply knowledge from one click to another; without learning new representations for the same actions. Sonelgaz current website is not mobile responsive so, a lot of my design decisions take a mobile design approach first. The web is a living medium. Updates happen all the time. So, the easier it is to maintain my designs, the more likely it will survive on new devices.
Good design can speak for itself, without asking the user to commit much effort. Showing is better than telling. Making my designs good means making them simple.
Having the Key Figure Page contents in a 3 * 3 card design approach makes it possible to implement the no scroll web design approach in small screen laptops 1200 width. I Tested it by prototyping it in Html & CSS