top of page
digital.png
Introduction
Screenshot 2024-11-05 124713.jpg

Objective

Mushroom Solutions is a technology solutions start up that specializes in Automation, IoT and AR/VR  technologies. The objective of this project was to redesign the Mushroom Solutions website to better fit the company's revised direction. 

Role 

Tools 

Project Scale

UI Designer

Marketing Strategist

WordPress

1 year

Project Approach

Mushroom design process.png
Approach
Competitive Analysis

Market Analysis

  • Assessing competitor websites with similar solution offerings

  •  Evaluating the heriarchy of information to be presented on the website

  • Identifying distinctive features to stand out in the market and determining unique branding strategy by  renaming solutions, stylization and imagery on the website. 

Design and Testing

During the design process, the team held daily workshops to showcase redesign elements and conduct team testing. I followed a three-stage approach, beginning with an initial plan and progressing to the current state of the website.  As the management's vision evolved, the design had to adapt to the changing requirements, starting with the homepage redesign then moving to the inner pages.

Previous Homepage Design

mushroom old homepage.png

Updated  Hompage Design

Screenshot 2024-11-05 124713.jpg

Check out the full updated website here: https://mushroom.solutions/

Design and Testing

Accessibility

  • Followed the WCAG 2.2 guidelines for text and color usage accross the new design of the website. 

  • Used the evaluation platform WAVE to evaluate the level of compliance and making changes to improve website accessibility. 

  • Creating backing links to support assistive technologies for individuals with visual disabilities. 

Accessibility

Key Takeaways

  • Re-evaluate the stakeholder business needs in every stage of the design process to ensure alignment with the evolving goals

  • Explain design choices and back up implemented changes with principles and research while showcasing to the team. 

  • Have your team aware of the processes so they can update or make changes in your absenses as the sole designer. 

  • Create backups and have multiple versions of  design files in case the team wants to refer back or revert to a certain change in the process. 

Key Takeaways
bottom of page