Frontend Development
Frontend Design
The process I use to create a frontend web design or landing page
Creating a landing page or website starts with an idea or a story that draws in visitors. I think about how that page is going to allow users to interact with the site in a meaningful way. The way that I create interaction is through content structure and eyes catching design. The tools that I use in this process are Balsamiq wireframes, Figma, Adobe XD and Photoshop.
For the following example, I use Balsamiq wireframes and Photoshop to create a landing page that will be used to promote my company website. Once the mockup design is complete I began creating the website from code. The code languages I use are Bootstrap, HTML, CSS, and Javascript / jQuery.
Balsamiq wireframe
Photoshop design from wireframe
Detailed Photoshop design
The code languages used to make the website are Bootstrap, HTML, CSS, and Javascript / jQuery.
Bootstrap HTML
CSS
jQuery
Click on the link below to see the code compository.
