QC -New Website Design and Development using Hugo Templates (gohugo.io)

Closed
Avant Garde Design
Brossard, Québec, Canada
Alexandre Gagnon
Alexandre Gagnon He / Him
Fondateur
4
Project
Academic experience
60 hours per learner
Learner
Québec, Canada
Intermediate level

Project scope

Categories
Website development Software development
Skills
github training documentation cloudflare web template systems figma (design software) needs assessment programming tools software release life cycle research templates
Details

Our company specializes in customizable static websites. We aim to on-board students to help us develop industry-specific website templates and deploy them to attract more customers.


We want to create a few website prototypes (usable and publicly available maquettes) for various industries, including but not limited to Hospital departments, DJ/Photography services, University technical groups, Industrial companies and Government entities, utilizing the open-source website generator tool: Hugo (https://gohugo.io/).


If the student is more on the development side, we can reduce the more in-dept design portion.


This will involve several different steps for the students, including:

  • Research Hugo's open-source framework features, limitations, and existing templates.
  • Conduct a needs analysis to determine which existing template to leverage based on underlying technologies, features and industry needs.
  • Create templates for different industries and get feedback to enhance them using Hugo development tools.
  • Deploy the templates on the web using CloudFlare and GitHub for general availability
  • Create documentation on how to easily update those websites for future clients within GitHub with the help of CloudFlare


Optional bonus steps:

  • Craft Figma concept designs before implementation
  • Create new logos and colour scheme
  • Provide training on website updates and maintenance.
  • Create documentation for less technical users seeking autonomy in editing template content.
  • Test prototypes with customers and refine ideas based on feedback.
  • Implement a website from a created template with a real-life client, supported by our team.


Deliverables

To achieve the project goal, students are expected to complete the following tasks and deliverables:


Main Deliverables:

Industry-Specific Website Prototypes :

  • Multiple Hugo-based websites available on the web.
  • Short documentation on why each template was used for which industry

Training Documentation:

  • A comprehensive guide for non-technical users on updating and maintaining the website
  • Step-by-step instructions and screenshots


Final Submission:

  • A zip file containing all deliverables
  • A brief project reflection report (1 page max) highlighting challenges, successes, and lessons learned
  • Some feedback on how we can make this type of project better for students in the future!
Mentorship

Students will connect directly with us for mentorship throughout the project. We will be able to provide answers to questions such as:

  • Our current products and website design
  • Our customer and industry insights
  • Input on choices, problems or anything else the students might encounter.
Supported causes
Industry, innovation and infrastructure

About the company

Company
Brossard, Québec, Canada
0 - 1 employees
Business services, It & computing, Marketing & advertising, Technology

Avant-Garde is an innovative digital firm specializing in digital presence, IT consulting, and custom software development.

Our Mission:
We help organizations modernize their digital footprint, optimize user experience, and amplify their brand's online visibility through bespoke static websites.