My story about the Dutch Digital Agency website redesign

Project Overview

The Dutch Digital Agency (DDA) Website Redesign project was commissioned by De Voorhoede, aiming to revamp the digital presence of the Dutch Digital Agency. This initiative focused on designing and developing a modern, user-friendly website that would effectively showcase member agencies and available job vacancies.

Key Objectives

Create five distinct pages utilizing APIs to fetch and display member data and job listings from the Directus database.
Design an intuitive and engaging user experience to facilitate easy navigation and information access.

Project Duration

Start Date: June 3, 2024
End Date: June 20, 2024

Client Information

Contact Person: Declan Rek
Email: declan@voorhoede.nl
Location: Koivistokade 70, Amsterdam

Technologies Used

Node.js: For server-side scripting and handling asynchronous events.
Express: As the web application framework.
EJS (Embedded JavaScript): For templating HTML pages.

Development Tools

Visual Studio Code: The primary code editor used for development.
Render: For deploying the project online.
Iterm: Terminal emulator for Mac users.

Project Details

Mockups:

Mockup1
Mockup2

Pages Developed:

Home Page:
- Overview of the company.
- Latest news, events, and information about the agency.
Members Page:
- Displays all registered agency members.
- Includes sorting options and the number of job vacancies per member.
Member Information Page:
- Provides detailed information about a selected member.
- Links to job vacancies on their respective websites.
Job Listings Page:
- Lists all available job vacancies from member agencies.
- Allows users to search and filter job listings.
Contact Page:
- Information on how to get in touch with the company.

Features

Responsive Design: Ensures compatibility across various devices.
API Integration: Fetches real-time data from the Directus database.
User-Friendly Navigation: Simplified interface for an enhanced user experience.

Installation Instructions

Clone this repository.
Open the repository in your code editor.
Open the terminal and run npm install to install dependencies.
Use npm start to start the local development server.
Deploy the project using Render.

Conclusion

This project successfully met its objectives by delivering a modern, dynamic website that effectively connects digital service employers with specialized talent. The collaborative effort resulted in a streamlined and visually appealing platform, fostering better engagement and usability.

Additional Information

Note

This project has been updated. For the latest update from Friday, June 21, check commit 90c79ffda3c737a16fbc1edaa23883b21f8e4d4d.