Layout Samples
Layout Samples
Embedded Files
Print Layout
Print Layout
Studia Antiqua Issue 19.1 - Print Layout.pdfWhat: As part of my duties as Studia Antiqua editor-in-chief, I typeset and proofread the Spring 2020 issue of Studia Antiqua: A Student Journal for the Study of the Ancient World.
How: I typeset this issue in Adobe InDesign, employing features such as paragraph styles, character styles, master pages, section-specific running heads, and right-to-left type (for Hebrew words).
Why: I inherited from past editors a poorly built InDesign template with overwritten styles, poor use of contrast, and all-cap instead of drop-cap headings. To cut down on complexity and help out future editors, I built a new template entirely from scratch. (See the difference between old and new chapter heads.)
Web Design
Web Design
What: atriumoflight.com is a platform my siblings and I built to host music, stories, blogs, and other content that we want to share with fans, friends, and family.
How: I built this website from scratch—no template—using HTML, CSS, and Javascript. I also designed the page hierarchy, selected the color theme, found open-license images, and wrote most of the copy.
Why: This website demonstrates my ability to (1) envision, design, and build web pages or even entire websites, (2) design with usability in mind, (3) curate web content, (4) make reflowable and resizable web pages, and (5) ensure that navigation and color meet all accessibility guidelines.
What: While working as editing team lead at BYU Continuing Education, I was tasked with converting an online textbook from PDF format to HTML format. I built the HTML version completely from scratch with HTML and CSS.
How: I had to balance (a) making the textbook fully accessible and fully reflowable with (b) preserving as much of the format and style of the PDF version as possible. The PDF version (which had been built using PowerPoint) was full of graphics, icons, color, and sidebars. Preserving the formatting and design in a reflowable format required the use of media queries, grid containers, and dozens of flex boxes. I also had to create a new color palette that had sufficient contrast while still preserving the colorful look of the original.
Why: I consider this project one of my greatest accomplishments because of the finesse and attention to detail it required. Initially, after I had converted the PDF content to HTML, my project managers handed the prototype to a web designer to polish. When his version was sent to the clients, they said, “We liked Jeremy’s prototype better!” The web designer’s work was scrapped, and I was asked to finish building the HTML files according to my original design.
Get in touch at jeremypmadsen@gmail.com
Get in touch at jeremypmadsen@gmail.com
Page updated
Google Sites
Report abuse