“Good design is the most important
way to differentiate ourselves from our competitors.”
— Yun Jong Yong
The Lichtenberger website redesign was a comprehensive project focusing on both User Experience and User Interface design, aimed at transforming an outdated and poorly structured site into a modern, intuitive, and visually appealing digital presence. The old website suffered from multiple UX flaws, including confusing navigation and an outdated aesthetic that failed to engage users.
The first brainstorming for UI
in Figma after completing UX
In terms of User Interface design, extensive research was conducted to ensure that the interface not only looked modern but also aligned with Lichtenberger’s brand identity. Iconic visual elements, color schemes, and fonts were selected to evoke the company’s personality and industry relevance. Realistic, high-quality images were integrated into the layout to showcase the company’s offerings in a visually appealing way.
The creative use of space, combined with these rich visuals, gave the website a fresh, contemporary look that resonated with the brand’s ethos.
Restructuring UX of the website
The project began with a detailed analysis of the existing sitemap and user flows. This audit revealed critical issues, such as misplaced options, which made it difficult for users to navigate and have a smooth browsing experience. Key pain points were identified where users struggled to find information or complete tasks efficiently.
To resolve these issues, a new sitemap was created to reorganize the structure of the website, ensuring that the most important pages and features were easily accessible. Alongside this, new user flows were developed to guide users through the website in a logical, intuitive manner.
User Flows & Prototype
Final DESKTOP Prototype
The redesign process involved creating a mid-fidelity prototype to test the newly developed user flows. This prototype allowed for usability testing and feedback, ensuring the new design paths were easy to follow and met user expectations. Once validated, the final design was refined into a high-fidelity prototype for both desktop and mobile versions, capturing the exact visual style, interactions, and functionality of the final product.