Web Designer: Elements of Design - Journey and Expertise
KelIey Cole, a skilled web designer, shares her journey from the early days of web development to her diverse experiences in designing and building websites. She highlights the evolution of web design tools and technologies, showcasing her ability to work across the entire web stack with a passion for customer satisfaction.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Web Designer: Elements of Design Good Morning and thank you for inviting me in to your classroom today My name is Kelley Cole and I am Web Designer
Web Designer: Elements of Design Windows 95 was the big OS back then, we were a big HP-UX shop at Lockheed Martin and Linux was barely a thing. I began by viewing the page source of web sites via Netscape 1.0 web browser. I would compare the source code to the page and then began developing my own. Remember there were no courses yet . No degree programs...or books...oh and no fancy WYSIWYG editors or CMS systems like SharePoint, GitHub no Drupal or WordPress. Everything was via vi or notepad. Around 1997 a coworker took notice of what I was doing and recommended me to his manager and I began working on the frontend and backend of one of the first Integrated Data Environments (Content Management System) I stayed there until 2000 when I took the role of Web Specialist for Jevic Transportation. This would last about a year and a half where I would find myself back at Lockheed Martin from 2001 until 2013. Here I would expand my skills as a technical writer, human factors engineering where I would learn much of the principles involved in user experience (UX) / User Interface (UI) design oh and I would redesign AirMichelin.com for Michelin Tires. From 2014 thru October 2015 would see me using primarily Sharepoint as a CMS for both PECO Energy and then Hill International where we also used WordPress. 2016 thru July of this year I was Web Services Architect for Philadelphia College of Osteopathic Medicine www.pcom.edu My diverse interests and background afforded me the opportunity that I am not the typical Web Designer I can build out the entire stack from the operating system and the backend to the CMS such as Subrion or WordPress the design and build the web site. I get great satisfaction that no two days are ever the same. I love being able to take a blank site and develop a web site or web app and see the customer's face light up when it is what they envisioned.
Web Designer: Elements of Design Typical job description goes like this - A web designer creates the look, layout, and features of a website. The job involves understanding both graphic design and computer programming. Once a website is created, a designer helps with maintenance and additions to the website. They work with development teams or managers for keeping the site up-to-date and prioritizing needs, among other tasks. More often then not Marketing and Communications to ensure consistent message and branding also to ensure SEO rankings. Then there is Legal and Compliance to ensure accessibility and legal / privacy compliance is met.
Web Designer: Elements of Design Currently, I am between jobs. My last job was as Web Services Architect for Philadelphia College of Osteopathic Medicine (https://www.pcom.edu). I was mainly in charge of the web architecture and technologies. From the hosting company HostGator to managing numerous linux servers running apache web server and the CMS ouCampus, Some of the WebApps I had in various stages of development prior to my position being eliminated were; https://webapp.pcom.edu/emailSigGen https://webapp.pcom.edu/marketing-request https://webapp.pcom.edu/printing-solutions https://webapp.pcom.edu/pcomBloomsDemo02
Web Designer: Elements of Design Top design trends 2019 https://99designs.com/blog/trends/web-design-trends-2019/ https://designmodo.com/web-design-trends-2019/ https://www.pagecloud.com/blog/website-design-trends-2019 https://thenextweb.com/creative/2018/12/19/10-exciting-web-design-trends-you-2019/ Looking forward 2020 Design Trends https://www.theedigital.com/blog/web-design-trends Well designed websites https://www.impactbnd.com/blog/18-award-winning-website-designs https://www.awwwards.com/websites/clean/ Poorly designed websites https://blog.rankingbyseo.com/bad-websites/ https://www.art.yale.edu/ http://www.suzannecollinsbooks.com/ http://www.hssportsms.com/index.html
Web Designer: Elements of Design Design principles to follow Less is more by this I mean try to get the message across in as few words as possible. Most visitors scan to find what they are looking for. You have at best about 3 to 5 seconds to start painting your picture before visitor is bored and gone. Keep relevant info above the fold this means above the scrolling or in view. Page speed Google is fickle about pagespeed there are browser plugins and extensions 5 finger 3 finger rules of navigation this is simplicity at its best and most efficient. 5 fingers is for navigation / menu groupings of five no more than 10 and fingers of 3 is to kep no information further from a visitor than 3 clicks of the mouse.
Web Designer: Elements of Design Design principles to follow Less is more by this I mean try to get the message across in as few words as possible. Most visitors scan to find what they are looking for. You have at best about 3 to 5 seconds to start painting your picture before visitor is bored and gone. Keep relevant info above the fold this means above the scrolling or in view. Page speed Google is fickle about pagespeed there are browser plugins and extensions 5 finger 3 finger rules of navigation this is simplicity at its best and most efficient. 5 fingers is for navigation / menu groupings of five no more than 10 and fingers of 3 is to kep no information further from a visitor than 3 clicks of the mouse. Always remember to keep in mind the UI/UX component (User Interface/Interaction / User eXperience)
Web Designer: Elements of Design Design principles to follow Less is more by this I mean try to get the message across in as few words as possible. Most visitors scan to find what they are looking for. You have at best about 3 to 5 seconds to start painting your picture before visitor is bored and gone. Keep relevant info above the fold this means above the scrolling or in view. Page speed Google is fickle about pagespeed there are browser plugins and extensions 5 finger 3 finger rules of navigation this is simplicity at its best and most efficient. 5 fingers is for navigation / menu groupings of five no more than 10 and fingers of 3 is to kep no information further from a visitor than 3 clicks of the mouse.
Web Designer: Elements of Design Advice Practice your passion plenty of inexpensive/free tools code editors notepad++, I use Atop, Adobe Brackets for editing code and GIMP for images and graphics and Darktable for photos on linux Volunteer school, community,etc. - (find an internship) LinkedIn.com start your profile build connections in the industry find/develop mentors Work on building a stellar resume and online pressence/portfolio.
Web Designer: Elements of Design Questions? Email: mdigerat@gmail.com?subject=Web Designer: Elements of Design My LinkedIn profile https://www.linkedin.com/in/kelley-david-cole-lion- 6392122/
