Motomtech Website Redesign

Motomtech is a software development agency with offices in Tirana, Albania. I was given the opportunity to redesign the website and establish a brand for Motomtech. The project was divided into three phases: research, information architecture design, and user interface design. Creating a website that gives a positive impression to clients was the primary objective

Cover Image, UI Design, UX Design

Research

As part of the research phase, I looked at three main factors: the big goal that defines the scope of the project, what competitors are doing better, and how Motomtech wants to present itself to the client. As part of the research phase, I began by gaining a comprehensive understanding of Motomtech. Next, I conducted market research to identify what should be avoided during the design process. The research phase was completed with final decisions based on the information collected.

UX Research, Brand Research, Usability Improvement, Market Research

Scope of Project

Motomtech is a software development company. The company's main objective was to have a professional representation of its portfolio online. Additionally, Motomtech wished to create a positive impression and build trust with its clients.

UX Research, Brand Research, Usability Improvement, Market Research

Market Research

As part of my preparation for final decisions regarding visual style and color palette, I conducted market research. The purpose of this research was to examine the mistakes and successes of other competitors' websites.

UX Research, Brand Research, Usability Improvement, Market Research

Final Decision

The team ultimately decided on a professional look. With the help of my color palette, I created a logo and website design that promotes technology, innovation, and seriousness in business.

Information Architecture

There were problems with the content structure and organization of Motomtech's old website. Using the marketing department's input, I designed an information architecture flow to resolve the problem.

Repeating paragraphs and sections was among the problems encountered. Another problem was the navigation of the pages. Various links around the website provided access to the same page several times.

During the solution process, I reorganized the navigation of the pages. I ensured that the navigation followed a logical sequence. In order to minimize repetition, I eliminated unnecessary sections. My goal was to ensure that each page flowed logically.

Low Fidelity Design, Wireframe Design, Userflow, Information Architecture

Final Design

After several iterations, I decided on the color palette of sky blue for technology and innovation as well as dark gray for reliability and professionalism. To convey the visual message via the website, I used a combination of photos and graphics. The website design and layout were minimal and clear, which created a pleasing final product.

Click here to see the Figma prototype
UX Design, UI Design, Illustration Design, Visual DesignUX Design, UI Design, Illustration Design, Visual DesignUX Design, UI Design, Illustration Design, Visual DesignUX Design, UI Design, Illustration Design, Visual DesignUX Design, UI Design, Illustration Design, Visual DesignUX Design, UI Design, Illustration Design, Visual Design