As a potential customer, I expect clear and engaging information about the web developer's range of services and areas of focus, presented in an easy-to-navigate format. This will help me identify the services that fit my needs and encourage me to find out more about them. I appreciate transparent pricing information, so I can assess easily how services are priced before I consider getting in touch.
Requirements:
Content:
[ ] Services offered are presented in an easy-to-navigate format, easily distinguishable, and with easy-to-understand and relevant concise description
[ ] Each service description includes information on my areas of focus for the service
[ ] Each modal for additional information includes a list of included features in that service, example applications of the service, and technologies commonly used for a service with their benefits
UI:
[ ] Each service is presented on a card with a visually appealing element, an easy-to-understand definition of the service, and two CTA buttons
[ ] All services are arranged in an easy-to-navigate way with enough whitespace
[ ] Cards are animated in with a satisfying staggering animation and elements of the card are animated on scroll
[ ] The first CTA button on each card opens a full-page modal with additional information
[ ] The information on each of the modals is organized in an easy-to-understand way.
[ ] Each modal contains a bullet list of key features included in the service
[ ] The second CTA button links to the contact form (with the 'get a quote' option selected)
Logic:
[ ] When users click the 'get a quote' button they are redirected to the 'contact' page with the contact form selected, also the 'get a quote' option in the form selected
MVP To Do:
[x] Add content to the modal and the Web Dev page, using Collapsible components, adding some slight animations and a title to the page
[x] Make sure the pages look good on mobile and desktop
[estimated time: 6 hours]
To Do:
[x] On the homepage add a slider component, mentioning all services and their benefits
[x] Design a layout for the services page, make sure it is aligned with the homepage design and emphasizes whitespace
[ ] Add animated cards to the services page, animate them in using a staggering animation (2)
[ ] Add a title to each card, stating the service name, add an image or illustration for each service, add a concise description of the service, load all content from the database, make sure content meets requirements, animate in the individual card elements on scroll (1)
[ ] Add a CTA button on the bottom of each service card, on click on the first button opens a full-page modal, the name for the first button is 'Discover More', a click on the second button redirects to the /services/appdevelopment page (0.5)
[ ] Add content to the full-page modal and page for the main service, add additional information, make sure it meets the content and UI requirements, add visually engaging elements to highlight key information, use collapsible (4)
Lower Priority Requirements:
[ ] Each modal should show factors that affect pricing, a minimum price, and a price calculation example with a project in the service category (5 hours)
[ ] Add a second button to each service card, on click it redirects to the contact page, selects the contact form, and in the form selects the 'get a quote' option, the name for the second button is 'Get a Quote' (2 hours)
As a potential customer, I expect clear and engaging information about the web developer's range of services and areas of focus, presented in an easy-to-navigate format. This will help me identify the services that fit my needs and encourage me to find out more about them. I appreciate transparent pricing information, so I can assess easily how services are priced before I consider getting in touch.
Requirements:
Content:
UI:
Logic:
MVP To Do:
[estimated time: 6 hours]
To Do:
Lower Priority Requirements:
Total Time Estimate (high priority): 7.5 hours