Designing a Dual-Purpose Solar Monitoring App with FigmaDesigning a Dual-Purpose Solar Monitoring App with Figma
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ather's avatar
Brullers logo
Ather Waseem
pro
• 9h
Mostly we go straight to Figma. For 𝗢𝗻𝗲𝗧𝗿𝗼𝗻𝗶𝘅, I started with paper.
The 𝗥𝗲𝗽𝗼𝗿𝘁 𝗦𝗰𝗿𝗲𝗲𝗻 was the most complex part of this 𝗦𝗼𝗹𝗮𝗿 𝗠𝗼𝗻𝗶𝘁𝗼𝗿𝗶𝗻𝗴 𝗔𝗽𝗽 that needed to show 𝗲𝗻𝗲𝗿𝗴𝘆 𝗽𝗿𝗼𝗱𝘂𝗰𝘁𝗶𝗼𝗻, 𝗰𝗼𝗻𝘀𝘂𝗺𝗽𝘁𝗶𝗼𝗻, and 𝘀𝗮𝘃𝗶𝗻𝗴𝘀 in a way that made sense to a homeowner with zero technical background. Before touching Figma, I 𝘀𝗸𝗲𝘁𝗰𝗵𝗲𝗱 the 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻 𝗮𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 by 𝗵𝗮𝗻𝗱 𝗳𝗶𝗿𝘀𝘁.
The app has two separate roles, customer and installer. 𝗖𝘂𝘀𝘁𝗼𝗺𝗲𝗿𝘀 scan a QR code on their inverter to link their solar system. 𝗜𝗻𝘀𝘁𝗮𝗹𝗹𝗲𝗿𝘀 see all their clients automatically.
Same app, two completely different experiences with same design language.
✦ Designed entirely from scratch. Brand identity included.
researchsolarenergySketch
Post image
Post image
Post image
kolawole's avatar
kolawole Mordecai
• 6h
This is seriously impressive work. The attention to detail and level of execution stand out immediately. You’ve set a high standard here, well done.
Timothy's avatar
Timothy Olukoya
• 9h
Most impressed with your rough sketch
Shows your thought process
Ather's avatar
Brullers logo
Ather Waseem
pro
• 6h
Exactly these sketches have really helped me designing High-Feds.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started