This is a one-page portfolio website for the AbFac Full-Stack Web Development team.
User Stories:
As a client looking to hire a team of developers
I want to visit your site and immediately see a headline about your team
So that I get a concise description of what you have to offer me.
As a client looking to hire a team of developers
I want to visit your site and see a navigation link for 'About, Team, and Contact'
so I can quickly navigate to the areas of the site I'd like to visit.
As a client looking to hire a team of developers
I want to be able to contact the developers by filling out and submitting a form by providing my name, email and message information
So that the team have sufficient information to contact me afterwards
As a client looking to hire a team of developers
I want to click on a navigation link and a corresponding section be made visible in the browser window on the same page
So that I can quickly navigate around the site without having to wait for new pages to be loaded.
As a client looking to hire a team of developers
I want to easily view the site when browsing on my mobile, tablet or desktop
so that I can understand the sites content easily on whatever device I choose to view it in.
As a visually impaired client...
I would like to easily read and understand the text on your site
so I can understand the information available
As a blind client...
I would like to easily understand how to navigate the site after my screen reader reads me the content of the site
so I can understand the information available.
As a client with JavaScript disabled in their browser for security reasons
I would like to visit your site and get a similar experience to viewing your site on a modern browser with JavaScript enabled
so that I don't feel like I'm completely in the stone age.
We designed a one-page responsive website, taking a mobile-first approach.
We included three main sections: 'About, Team, and Contact' with links to these sections in the navigation bar. When a user navigates our site they can return to the top of the page by clicking our logo on the left corner of the navigation bar.
The site provides information about our team, each member's skills and expertise and links to each member's GitHub pages. Viewers can easily navigate through the site and contact us using the form at bottom of the page.
The process and workflow we used for the design and build is outlined below. We swapped pairs around between day 1 and 2, and alternated coding and using Git.
Planning & Design
Initial Build & Repo set up
Build out of elements and features
We divided up work as follow: