Startup company selling solar products on their website and application. Tasks were to design a Landing page, checkout, e-commerce, information, installation, and net metering pages for solar products and installation.
Landing page for Mobile and Web
Include the brand slogan and cover page with direct links to contact and retail page. Display company infographics and types of solar products available. The mobile application has a top-down approach to navigation with the shop now button in between graphics, and a slideshow of retail, design, and products.
Side menu and its respective pages
Basic side menu info pages and a search page. Checkout page steps included with payment and basic information page fill up. Designed the footer on mobile interfaces with the company's links and affiliations with social media pages
About Us
Company's information page with a tri-color scheme layout and hover over headings navigation feature to save space and add team members and footer sections
Solar Installation Page
Installation information layered from types of systems inboxes and drop-down menu steps. Add a new color to the scene and borders to the products
Net Metering Page
Denoting each state's provisions. Visual elements and pictures to represent flow and aesthetics, an attempt to vary visual navigation across tables, sections, and buttons. Operation states outline button, slider for the table, commercial and residential choice over hover button are some variations done on the net metering page.
Products Page
Display products creatively, keeping warrant and availability design constant. Explored drop-down menu styles and displayed information clearly with points and constant color schemes with different color variations according to the product. Make Title sections attractive and on point with background images
E-Commerce Page
A constant color scheme of yellow and gray. Designing the filter section and product information section. Display multiple products with sliders and number pages.
Solar Design Page
Solar Design components page, each denoted by a different color with a balanced layout of text, title, and image. Small boxes of parts and types mentioned respectively and yellow numbered boxes that are in order. PDF report attached at the end of each section