Graphics & Design
Web Design: Personal Website 2020 Redesign Case Notes and Device Mockups
In 2020 I updated my personal portfolio website, DarianEck.com with an updated responsive design
Featured in This Update:
- Improved layout responsiveness through implementation of Uikit 3
- User interface optimized for use across various screens and decvices
- Featured content homepage slideshow with overlay and swipe controls for touch-screen devices
Device Mock-ups
Browser-window homepage mock-up
Homepage redesign features a new "Featured Content" slideshow with a dynamic overlay and responsive nav menu. The entire website has been optimized for multiple devices and browsers.
View live example: DarianEck.com
Responsive homepage device mock-up — iPad, white
Homepage slideshow with overlay featuring swipe capabilities for touch-screen devices as viewed on iPad.
View live example: DarianEck.com
Responsive UIkit slideshow Device mock-up — iPhone, black
Portfolio slideshow with overlay featuring swipe capabilities for touch-screen devices as viewed on iPhone.
View live example: DarianEck.com/portfolio
Responsive portfolio page device mock-up — iPhone, white
Portfolio page featuring UIkit flex grid structure and lightbox with swipe capabilities for touch-screen devices as viewed on iPhone
View live example: DarianEck.com/portfolio
Device mock-up for responsive homepage - iPad, black
Homepage slideshow with overlay featuring swipe capabilities for touch-screen devices as viewed on iPad
Example: DarianEck.com
Personal Logo 2018 Redesign: Case Notes and Process
In 2018 I redesigned my personal logo in Adobe Illustrator for use on my website and for print and digital media.
Case Notes:
- The original SVG logo design was crisp, responsive with a typeface that is based on my own handwriting
- I wanted an updated version that kept those qualities while appearing a little sleeker and more "digital"
Original (2015) Logo
Previous iteration created in 2015 using Adobe illustrator and a custom typeface.
Current (2018) Logo
Current iteration with a crisper, more "digital" looking line quality which more accurately matches the site's overall content and style.
Revision Process:
Step 1: Tracking Evolution
Evolution of personal website header logo since 2020, used identify and establish a trend towards clean lines and simplification.
Step 2: Develop a Custom Typeface
Developing a custom typeface on 1cm graph paper.
Step 3: Create Vector Line Art
Creating vector lines in Adobe Draw which were imported and edited in Illustrator.
Step 4: Creating Variations
Exporting multiple artboards from Illustrator to create logo variations for testing.
Step 5: Elimination
Using process of elimination to narrow the final selection pool.
Step 6: Final Revision
Once settled on a final design, final line and shape and kerning adjustments are made.
Custom Typography: Digital Typeface Created for Graphic Novel in 2018
Custom hand-lettering digital typeface created with Caligrapher and Adobe Illustrator for comics and graphic novels.
Darian Comics Hand Medium
Darian Comics Hand Bold
Concept Rendering: "Forest Canopy" Project Proposal (2018-2019) by Lucia Ravens
Proposal concept art for artist Lucia Ravens' environmental public art installation project, "Forest Canopy" designed for the Museum Serralves Gardens in Porto, Portugal.
Case Notes:
- Concept presented at Tufts/MIT booth at the UNFCCC COP25, Madrid, Spain December 2019 (United Nations Framework Convention on Climate Change).
- The proposal has been selected to enter phase four of as an OPP Portugal 2018 design Finalist in the area of science and technology that brings together the arts and sciences.
- This project has been selected to enter phase four of Portugal’s OPP Initiative 2018 process and will be entering another round of submissions this year (2020).
View Project Proposal.
View Press Release.
"Forest Canopy" — Initial Concept Rendering
Design Finalist OPP Portugal 2018 in the area of science and technology that brings together the arts and sciences.
Working titled "Forest Canopy" designed by Artist Lucia Ravens and concept rendering by Darian Eck.
"Forest Canopy" — Under Canopy View
Secondary rendering used to depict the visitor experience.
Marketing & Promo: Materials Created for Gateways in 2019
While working at Gateways: Access to Jewish Education from 2018-2019, I created several event flyers and promo materials using Adobe InDesign and updated thier design templates.
Gateways: Access to Jewish Education Events Flyer Template
Flyer template created for Gateways' Programming and Marketing Departments using Adobe InDesign using various institutional logos and assets.
Gateways: Access to Jewish Education Shark Tank Presentation Flyer
Flyer template created for Gateways' Programming and Marketing Departments using Adobe InDesign using various institutional logos and assets.
Graphics & Logo: Materials Created for Webseries, "All Downhill From Here" in 2015
Freelance Commission by Sister Films, actress duo Brooke and Lynn Adams
Title Logo for All Downhill From Here
Designed web content, title logo graphics and other digital marketing content for the web series, All Downhill From Here created by actress duo Brooke and Lynn Adams.
Example:AllDownhillFromHere.tv
