FX Luminaire is a leading manufacturer of landscape and architectural lighting products and in the advancement of LED Landscape Lighting technology.
- Created preliminary wireframes for client for testing and validation by using Figma.
- Research company's existing visual pattern and apply that to the current project.
- Communicate and iterate design directions with stakeholders.
- Research existing HTML/CSS coding patterns and apply that to the current project.
- Create new HTML/CSS and check in code into stage environment.
- Framework used: Foundation
- Site is powered by Drupal.
- Identified what images would be best to use for the page.
- Coordinated photoshoot with client and optimized images.
Challenge
The client wanted to show the 3 different methods of connections. They wanted an equal amount of weight for each method
Solution
Create illustrations and diagrams using Illustrator and Photoshop for each method and display using tabs.
- Identified what images would be best to use for the page.
- Coordinated photoshoot with client and optimized images.
- Implemented carousel pattern.
- Identified what images would be best to use for the page.
- Coordinated photoshoot with client and optimized images.
- Optimized mobile experience with responsive design.
- Optimized mobile experience with responsive design.
- In this case, the tabbed navigation was replaced by stacked CTA buttons that fired up a modal.
- Optimized mobile experience with responsive design.