Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Get new leads in your inbox every day
Introduce yourself to new clients with Pitch
Learn product design in just 16 weeks...
Learn UI Design Basics and Figma Fundamentals...
Scale Design Systems in 8 weeks...
Land your dream job! You'll have a career support specialist to review your portfolio...
Level up your skills with our interactive courses and workshops…
Portfolio creation made easy
Fresh leads in your inbox every day
Build your team’s pipeline or profile
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
While this case study design was not of my original making, I was tasked to take the design from a PDF, convert it into HTML (via Wordpress) and then something that could be printed back into a PDF. The code has been templated and the charts generated by HighCharts to allow for the easy customization and creation of additional Case Studies using the same format. The layout is also responsive and SVG images were utilized.
This particular case study is hosted here: https://apruve.com/case-studies/radioparts/
CSS and HTML are all my coding.
The challenge came when trying to create a nicely formatted PDF. It's still not perfect and I have to use the rendering tools via Chrome's Developer Tools for ideal formatting. It gets the job done, but print.css still has a ways to go and my solution is somewhat of a hack.