Project Divination is a side project that I did to learn React and practice other design and front-end development concepts. I did both the design and development work.
This project involved:
- CSS3: Flexbox, CSS Grid, animations (transitions, transforms)
- Adobe Illustrator
- Adobe XD
- Logo design and icon design
- Web design and UI/UX design
Adobe XD Prototype
I don't often get to do full web design mockups at my regular job, so I used this as an opportunity to do a prototype in Adobe XD. I didn't mockup all of the pages because most of them would use the same layout and I'd be doing the development work as I went along, but below is the Adobe XD embed.
I created a variety of graphic assets for this website, most of which are SVG elements. These included a set of icons that are used throughout the site, the runes, the logo, the card backs, the page titles, the hero image on the homepage, etc. (I did not create the tarot cards themselves -- those are from the standard Rider-Waite tarot deck, which is in the public domain.)
This style guide or branding sheet shows the logo variants, typography choices, and colors for the project.