As a potential customer, I expect to get insight into the developer's values, problem-solving approach, background, and vision for the future to evaluate whether their values match mine. Also, I would like clear information on the focus areas and range of services a web developer offers so I can assess whether they have the skills required for my project.
Requirements:
Content:
[x] About page: values and problem-solving-approach are communicated in both video and text
UI:
[x] website includes an animated-in heading aligned with the design system
[x] page includes a short video for each of the relevant topics with a concise description of the contents
[ ] page includes one CTA message and a button to download the CV
[x] all sections are aligned with the design system and are separated with sufficient whitespace and headings
[x] Each of the informative sections has a heading consistent with the design system (see notes)
[ ] There is a placeholder for the videos that is displayed while they are being loaded
[x] videos have included heading and color filters, so they are well-aligned with the rest of the site
Logic:
[x] videos are embedded as YouTube shorts, and content is fetched on the server side for performance
[ ] embeds include controls for the user to enable audio and stop/play the video
[ ] the first video is played on page load and muted by default
[ ] on click of the download button, the CV will be downloaded
MVP To Do:
[x] Add a main heading
[x] Add a heading that describes the content of each video
[x] Edit videos so that they are shorter than 1 minute, have integrated titles if required, and a filter to align them with the design system [ add transitions at beginning and end, add dynamic text overlays or icons] [add a filter in Canvas]
[x] Upload videos to YouTube on a new dev channel
[x] Embed YouTube shorts on the About page, make sure they are responsive and optimized, load on the server, make sure videos don't significantly impact performance
[x] Add descriptions for all videos on the desktop
[x] Add a scroll animation for the other videos
To Do:
[x] Add an animated in page heading
[x] Film a 1-minute video on my values
[x] Film a 1-minute video on my problem-solving approach
[x] Film a 1 minute video on my focus
[x] Edit the videos so they match my branding. Optimize the videos for the web
[x] Create a new YouTube channel and upload the videos to YouTube.
[x] Create a concise and engaging section featuring the first three videos and stating my values as a developer, my approach to problem-solving, and my focus - highlighting innovation and interest in new technologies.
[ ] Add a call to action to connect on social media and provide links to the technologies I use (mentioned in the videos) and other relevant resources. Add a section heading.
[ ] Add an option to download my CV, making it appealing and cohesive with the design system.
[ ] Design the page layout aligned with the design system, emphasizing whitespace.
Lower Priority To Do:
[x] Add a short text description underneath each video, stating the main points mentioned in the videos (first section: values, problem-solving strategy, focus) (second section: background, skills, vision for the future) (6 hours)
[x] Film the Values and Focus video again, less scripted
As a potential customer, I expect to get insight into the developer's values, problem-solving approach, background, and vision for the future to evaluate whether their values match mine. Also, I would like clear information on the focus areas and range of services a web developer offers so I can assess whether they have the skills required for my project.
Requirements:
Content:
UI:
Logic:
MVP To Do:
To Do:
Lower Priority To Do:
Estimated Time: 23 hours