Website Redesign Planning to Deployment

-

Rebuilding a Company Website as a Intern: From Planning to Deployment

This project was not just about building a website. For me, as a fresher, it was a complete learning journey—from planning and design to development, testing, and deployment. I rebuilt the entire website on my own, with strong guidance and support from my seniors, and this experience changed the way I look at real-world software development.


From Idea to Reality: Full Responsibility as a Intern

Working in a startup is truly a blessing. You get opportunities very early in your career. In this project, I was responsible for everything:

  • Planning the website structure

  • Collecting data and content

  • Choosing the color theme

  • Designing the UI

  • Developing the website

  • Testing on UAT

  • Deploying on the main server

My seniors supported me at every step, reviewed my work, and guided me whenever I was stuck.


Planning & Data Collection: The First and Most Important Step

Before writing a single line of code, I spent time on planning.
This phase took almost one full week.

I worked on:

  • Understanding company services and vision

  • Collecting content from different teams

  • Organizing pages and sections

  • Deciding what users should see first

  • Choosing a professional and clean color theme

For colors, I used tools like Color Picker to extract and test shades that match the brand identity. This taught me that design decisions matter as much as code.


Development Phase: Turning Design into Code

For development, I used modern frontend tools and libraries:

  • React.js for building components

  • Tailwind CSS for fast and responsive UI

  • GSAP and Framer Motion for smooth animations

  • EmailJS for contact form integration

Animations helped bring life to the website and improved user experience. I learned how motion should be meaningful, not distracting.

Using Tailwind CSS made my styling faster and more consistent, which is very helpful when timelines are tight.


File Sharing & FTP: How Websites Reach Servers

During development, I used FillZilla, an FTP (File Transfer Protocol) client.

What is FTP?

FTP is a way to transfer files from your local system to a server.

With FillZilla, I:

  • Connected to the server using host, username, and password

  • Uploaded website build files

  • Managed folders on the server

  • Updated files during testing

For freshers, understanding FTP is important because deployment is not just clicking a button—you must know how files move to live servers.


UAT Testing: Checking Before Going Live

Before deploying the website to the main server, we did UAT (User Acceptance Testing).

What is UAT?

UAT means testing the website as a real user, not as a developer.

During UAT, we checked:

  • Page loading speed

  • Mobile responsiveness

  • Animations and transitions

  • Form submissions (EmailJS)

  • Content accuracy

  • Broken links

Only after fixing all issues and getting approval did we move to production deployment.


Final Deployment: Going Live on the Main Server

After successful UAT, I deployed the website on the main server.
Seeing the website live for the first time was a proud moment.

This step taught me:

  • Deployment responsibility

  • Final verification

  • Handling real traffic

  • Confidence in my work


Key Lessons for Freshers and Juniors

If you are a fresher, here’s what I learned from this project:

  • Startups give real responsibility—use it wisely

  • Planning is more important than coding fast

  • Ask for help, but take ownership

  • Testing is as important as development

  • Real projects build real confidence


I am truly grateful to my seniors and team members who supported and guided me throughout this project. Their trust and encouragement helped me grow professionally.

We didn’t just redesign the website.
👉 We rethought how our work should be experienced online.


🚀 Keep learning. Keep building. Growth will follow.


Comments

Post a Comment

Popular posts from this blog

My First Stipend-Based Internship💻🚀

-
  How I Choose a Different Path as a Fresher🚀 Getting a first internship as a fresher is not easy. Everyone applies on the same job portals, sends hundreds of resumes, and waits for replies that never come.  I was also in the same situation — confused, stressed, and unsure. But instead of giving up, I decided to try a different approach . This blog is about my first stipend-based internship , what I learned, and how choosing my own path helped me move forward in my tech career. 📚  My First Internship Experience  (Sep 2025) In September 2025 , I completed a one-month work-from-home internship . It was my   first  stipend-based internship , and it gave me real confidence as a fresher. Before this, I only knew theory. During this internship, I worked on real-time live projects , which helped me understand how actual development works. 📝What I Learned During This Internship This internship helped me build a strong foundation. 💻 Technical Skills HTML –...
Read more

How I Fixed the Prisma Error

-
How I Fixed the Prisma "The table public.User does not exist" Error It was one of those moments every developer dreads—you've set up your project, written your Prisma schema, and you're ready to seed the database. You run: npm run seed …and immediately get greeted with this error: PrismaClientKnownRequestError: The table `public.User` does not exist in the current database. I stared at it for longer than I'd like to admit. The User model was clearly defined in my schema.prisma file, so why was Prisma saying the table didn't exist? After a bit of digging, I realized the issue wasn't with my code at all—it was with my understanding of how Prisma works. If you're seeing this error too, here's exactly why it happens and how to fix it. Why This Error Happens One of the biggest misconceptions for developers new to Prisma (myself included) is believing that defining a model in schema.prisma automatically creates the corresponding table in the databas...
Read more

Design Web Pages using CSS

-
CSS ( Cascading Style Sheets ) is a styling language used to control the layout and appearance of web pages. It's an essential tool for web developers and designers to create visually appealing and user-friendly websites. In this blog, we will explore the basics of CSS, its types, and some exciting properties that can make your web pages interactive and interesting. Types of CSS There are three types of CSS: 1. Inline CSS: This type of CSS is applied directly to an HTML element using the style attribute. It has the highest priority among all CSS types. 2. Internal CSS: This type of CSS is defined within the <head> section of an HTML document using the <style> tag. 3. External CSS: This type of CSS is stored in an external file with a .css extension and linked to an HTML document using the <link> tag. CSS Syntax The basic syntax of CSS consists of a selector, property, and value: selector {   property: value; } CSS Properties There are many CSS properties t...
Read more