CASE STUDY.
Occord
PROJECT OVERVIEW
During my internship with Digital Nest, I was brought onto a project for a company called Occord. Joining the project a little more than halfway through production, I became part of the web development team responsible for implementing the design created by the Digital Nest design team. This experience allowed me to engage in a large-scale project from design to deployment, enhancing my collaboration skills and technical expertise.
OBJECTIVES
1.Rebuild the Landing Page: Recreate the main landing page after an accidental push wiped out the original page.
2. Code a Sign-Up Form: Develop a form on the landing page that would redirect to the clients existing sign up form using PHP.
3. Apply Animations: Implement animations on the landing page, adding a personal creative touch to the pre-existing design.
4. Collaborate Across Teams: Work effectively within a pipeline that includes design, development, and deployment teams.
2. Code a Sign-Up Form: Develop a form on the landing page that would redirect to the clients existing sign up form using PHP.
3. Apply Animations: Implement animations on the landing page, adding a personal creative touch to the pre-existing design.
4. Collaborate Across Teams: Work effectively within a pipeline that includes design, development, and deployment teams.
CHALLENGES
Rebuilding the Landing Page: Reconstructing the landing page to match the original design accurately and efficiently.
Animation Implementation: Adding animations that enhanced the user experience without deviating from the original design aesthetic.
Team Collaboration: Navigating the dynamics of working within a large team, coordinating efforts across different departments.
Sign-Up Form Development: Ensuring the PHP-based sign-up form was functional, styled according to the design and would properly redirect a user to the sign up form the client wanted to use.
Animation Implementation: Adding animations that enhanced the user experience without deviating from the original design aesthetic.
Team Collaboration: Navigating the dynamics of working within a large team, coordinating efforts across different departments.
Sign-Up Form Development: Ensuring the PHP-based sign-up form was functional, styled according to the design and would properly redirect a user to the sign up form the client wanted to use.
SOLUTIONS.
UTILIZING WORDPRESS AND CUSTOM CODE
Leveraging WordPress for content management and using custom HTML, CSS, and PHP to rebuild the landing page and develop the sign-up form. This combination allowed for a flexible and robust development process.
REBUILDING THE LANDING PAGE
Carefully examining the original design files, I meticulously reconstructed the landing page, ensuring it aligned with the design team’s vision and met all functional requirements.
ADDING ANIMATIONS
Utilizing the WordPress plugin green shift animations, I added dynamic elements to the landing page. This allowed me to infuse my creative flair into the project while maintaining the original design’s integrity.
TEAM COLLABORATION
Regular communication with fellow developers, and my project manager ensured a smooth workflow. This collaborative effort was crucial in delivering a cohesive and polished final product.
CONCLUSION.
Working on the Occord project during my internship with Digital Nest was an invaluable experience. Tasked with rebuilding the landing page, developing a PHP sign-up form, and applying animations, I was able to contribute significantly to the project’s success. Despite joining the team midway through the project, I effectively integrated into the workflow, collaborating across various departments to deliver a high-quality website. This project allowed me to enhance my technical skills, particularly in WordPress and PHP, and provided an opportunity to work in a professional pipeline involving design, development, and deployment teams. The experience stands as a testament to my ability to adapt, collaborate, and contribute creatively to a large-scale projects.
