Portfolio

HORIZON BANK

Crafted during my Web Development Course at Universidad de Antioquia, the Horizon Bank Website stands as a testament to my proficiency in modern web technologies and design principles. Developed for the course, this project showcases my ability to create a responsive and visually appealing digital banking platform using HTML, CSS (Sass), and JavaScript. Leveraging frameworks like Bootstrap and animation libraries like GSAP, I meticulously designed and implemented a sleek user interface with interactive elements and captivating animations. Through this project, I not only demonstrated my skills in front-end development but also gained valuable experience in collaborating with tools and technologies commonly used in the industry.

MY ROLE

  • Front-End
  • Graphic Designer

LANGUAGES

  • Bootstrap
  • HTML
  • SASS

PROBLEM

The Horizon Bank Website project involved mastering Bootstrap while creating a responsive digital banking platform. It required meeting navigation, interactivity, and compatibility needs across devices, integrating design, functionality, and performance seamlessly. Learning Bootstrap added complexity, demanding dedicated time and effort for effective implementation.

SOLUTION

To master Bootstrap for the Horizon Bank Website, I immersed myself in learning its documentation and best practices. Through hands-on practice and collaboration, I gradually incorporated Bootstrap's features, starting with simple components and advancing to complex layouts. Seeking support from peers and online resources, I overcame challenges and refined my skills, creating a responsive and visually appealing digital banking platform, enhancing my web development proficiency.

PROCESS

1. Requirement Gathering: Defined project goals. 2. Design Planning: Visualized layout using wireframes and mockups. 3. Front-end Development: Built responsiveness with HTML, JavaScript, and Bootstrap. 4. JavaScript Implementation: Enhanced interactivity with dynamic features. 5. Testing and Debugging: Ensured smooth user experience through rigorous testing. 6. Deployment: Made website public.

AUDIENCE

The audience for the Horizon Bank Website project primarily consists of users seeking a seamless digital banking experience. This includes individuals who access the website to manage their finances, explore banking services, and perform transactions online. Additionally, stakeholders such as bank administrators and developers may also be part of the audience, as they oversee the website's functionality, usability, and maintenance. As such, the website caters to a diverse range of users, each with specific needs and expectations regarding accessibility, usability, and security.

Problem
Solution
Process
Audience

PROBLEM

The Horizon Bank Website project involved mastering Bootstrap while creating a responsive digital banking platform. It required meeting navigation, interactivity, and compatibility needs across devices, integrating design, functionality, and performance seamlessly. Learning Bootstrap added complexity, demanding dedicated time and effort for effective implementation.

SOLUTION

To master Bootstrap for the Horizon Bank Website, I immersed myself in learning its documentation and best practices. Through hands-on practice and collaboration, I gradually incorporated Bootstrap's features, starting with simple components and advancing to complex layouts. Seeking support from peers and online resources, I overcame challenges and refined my skills, creating a responsive and visually appealing digital banking platform, enhancing my web development proficiency.

PROCESS

1. Requirement Gathering: Defined project goals. 2. Design Planning: Visualized layout using wireframes and mockups. 3. Front-end Development: Built responsiveness with HTML, JavaScript, and Bootstrap. 4. JavaScript Implementation: Enhanced interactivity with dynamic features. 5. Testing and Debugging: Ensured smooth user experience through rigorous testing. 6. Deployment: Made website public.

AUDIENCE

The audience for the Horizon Bank Website project primarily consists of users seeking a seamless digital banking experience. This includes individuals who access the website to manage their finances, explore banking services, and perform transactions online. Additionally, stakeholders such as bank administrators and developers may also be part of the audience, as they oversee the website's functionality, usability, and maintenance. As such, the website caters to a diverse range of users, each with specific needs and expectations regarding accessibility, usability, and security.