I started my research and brainstorming by browsing the websites of the current top companies in the semiconductor industry. For each website, I took notes on their color palettes, typography, and overall UI.
I created low-fidelity wireframes to focus on the overall layout and user flow without getting distracted by visual design details. I thought about what ways can we capture the user’s attention and how to retain their focus on the site. Using the section outline and the word document, it was easier to group related text and elements together. Text length helped me understand content strategy: how do I lay out the visual hierarchy to guide the user's attention.
.png)
I started to create high-fidelity designs in Figma and began experimenting with gradients to add more visual depth and alignment with the tech-forward aesthetic. While my client initially leaned toward the lighter version, we ultimately agreed that a mix of dark and light sections would create better visual contrast and improve user engagement. This contrast also helped differentiate content sections, making navigation smoother and more intuitive.
#212335
#2F4256
#F5F5F5
#5CDBAF
#DD3E4C
I collaborated closely with the client, gathering feedback and making adjustments, especially on the Resources page layout. We aimed to strike the right balance between content accessibility and a clean, minimalist design. After usability testing and final tweaks, the site was ready for launch.
For example, during usability testing, we discovered that in Section 2 of the homepage, the pointer cursor appeared when hovering over certain blocks, which was part of the original template. Users mistakenly believed these blocks were clickable, leading to confusion. To resolve this, I changed the pointer to a default cursor, which eliminated the confusion and clarified that the blocks were not interactive.
