XPAK is an australian cargo securing system company who wanted their website redesigned. Together with the team we defined the redesign goals and set the timeline of the project. I gathered insights from the old website designed and gathered pain points. I also listed possible solutions for each pain point. I did ideation and wireframing of the screens and tested the figma prototypes with the team. The designs were reiterated after each feedback from the team until the final responsive designs that satisfied everyone in the team were ready.
Problem Conception
User Research
Pain points
Information Architecture
Prototyping
Testing & Iterations
Responsive Design
Eduard Acosta
- Project Manager
Michelle Donelly
- Content and Marketing
Figma
Miro
XPAK is a load securing company that needs to redesign its corporate website because it is too old and not aesthetically pleasing. The unstructured content is not helpful when customers want to know more about XPAK or are looking for specific information. The company had previously paid little attention to its digital presence.
The research helped to identify existing problems and direction of the redesigned solution.
Content inventory has to be updated for a more logical and clear information architecture.
Enquire Us button could be replaced with Contact Us button to ensure same text is used for same function.
Industry pages could be removed complete as they provide little information that could be readily available in home page using the interactive layout.
Infographics have to created for each product as they are easier to read and process information.
A clear navigation that justifies the flow of information is used as a global menu. The products are grouped and presented in the dropdown menu.
A search box has been integrated into the main menu to improve the availability of the information needed.
Long texts are converted into infographics to make information more readable for user with key words highlighted.
.png)
For sections with a lot of text, various methods are used to increase readability. Section headings, Keyword highlighting method, Inforgraphics
.png)
I did the redesign with a lot of focus on the visual design to make sure that common UI pattern are used for navigation, text, images and to maintain hierarchy. Here are the things that I learned from this project.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
The research helped to identify existing problems and direction of the redesigned solution.
Content inventory has to be updated for a more logical and clear information architecture.
Enquire Us button could be replaced with Contact Us button to ensure same text is used for same function.
Industry pages could be removed complete as they provide little information that could be readily available in home page using the interactive layout.
Infographics have to created for each product as they are easier to read and process information.
A clear navigation that justifies the flow of information is used as a global menu. The products are grouped and presented in the dropdown menu.
A search box has been integrated into the main menu to improve the availability of the information needed.
Long texts are converted into infographics to make information more readable for user with key words highlighted.
For sections with a lot of text, various methods are used to increase readability. Section headings, Keyword highlighting method, Inforgraphics
This is a branding project for an art festival named "Modart". Different branding items were designed in illustrator as part of this conceptual project.
.png)
Website of a local bicycle producing company that shows background of the company and details of their unique bikes manufacturing.
Website of a fast food restaurant. A unique interface where user can customise ingredients using an interactive layout.
This is a conceptual redesign of the otto.de website which is an ecommerce giant in Germany.
This website was designed to give a 3D virtual tour of house to the user. User can scroll through the interactive layout.
Website of a local website company that shows background of the company and details of their unique bikes manufacturing.
This is a conceptual redesign of the otto.de website which is an ecommerce giant in Germany.
Interested in my work and want to collaborate or work together, feel free to send me an email.
amnazahid.design@gmail.com.
Interested in my work and want to collaborate or work together, feel free to send me an email.
amnazahid.design@gmail.com.