View at https://upstyling.github.io/
Central website for the nonprofit Upstyling, started by two high schoolers in Georgia. Upstyling takes donated artwork/creations from the youth across the country and sell them for a profit that goes directly to charities surrounding the major issues in our world.
I wanted to challenge myself to build an entire website from the research & design phase all the way to code and deployment. I was able to do that by working on a little by little over the span of a month. I especially enjoyed communicating with the cofounder to build them something that would help a positive impact, figuring out how to make a design that fit their theme, and seeing the completed project on the world wide web.
- Sass
- Pug
- TypeScript
- Webpack
- Adobe XD and Illustrator
- Responsive design for mobile and laptop (not guaranteed for tablet)
- Scalable styling with Sass
- Live loading editing with webpack
- Deployed with github pages
- Wireframe phase (using XD to make mockups of the structure and layout)
- High Fidelity Mockup phase (adding theme colors and fonts and filling in the mockup with real images and text)
- Coding and Deployment
Desktop: https://xd.adobe.com/view/39493f1d-21c8-403f-a85d-62ea41079bb4-6c1a/
Mobile: https://xd.adobe.com/view/ccdb2cc6-62bd-4255-9323-0965bdc5663a-9988/