PROJECT
GreyStone Energy Efficiency Savings Store - UI / UX Case Study
Design and develop an e-commerce Savings Store website for GreyStone Power Corporation customers to shop discounted products.
My Role Gather and evaluate user requirements in collaboration with program managers and stakeholders. Collaborate with art director on web flow based on project specifications to create a sitemap. Follow branded look and feel that has been established for GreyStone Power Corporation main website and specified brand styles. Create a consistent style guide. Design high-fidelity prototypes compatible with BigCommerce SaaS platform templates. Implement UI/UX solutions based on user defined requirements.
Assist in the first phase of development. Once prototypes are approved by stakeholders, I transfer all UI related assets into BigCommerce. In this stage the site is ready for the remaining front-end and backend work by developers. I will send developers packaged assets for production including the sitemap, approved prototypes, and links to fonts, images etc.
Duration : 3-6 Weeks
Tools: Adobe XD, Adobe Illustrator, Adobe Photoshop
CHALLENGES
Design best practices for ease of use and optimal user experience. Select design template with compatible theme files for BigCommerce.
DESIGN SOLUTION
Create a web flow of requested pages that are high-fidelity mock ups for client approval.
After revisions and final approval, the approved designs are sent to the developers.
