Client Website · HTML, CSS, JS & PHP
Hot Beans Web
A fictional client, a real brief, a full website.
A multi-page website built for "Hot Beans", a software development company, covering everything from careers and team pages through to an application form backed by PHP.
Personal project · Coursework build
The brief
Build a site to meet a client's requirements.
Hot Beans Web began as coursework for a Level 3 BTEC National Foundation Diploma in Information Technology, Unit 6, Learning Aim C, developing a website to meet a fictional client's brief.
The client, "Hot Beans", is framed as a software developer looking to hire, so the site needed to work as both a company presence and a recruitment tool: explaining who they are, what they do, and why someone should want to work there.
Rather than a single landing page, the brief called for a proper multi-page site with real navigation between sections, plus a working application form for visitors who wanted to apply.
What's actually on the site
A full set of pages, not just a homepage.
Home
Introduces Hot Beans and what the rest of the site covers.
Who We Are
Company background, what they do, and why to join.
Our Team
Introduces the (fictional) people behind the company.
Employment Availabilities
Lists the roles Hot Beans is looking to fill.
Additional Support
Points applicants toward external learning resources.
Apply Now
A working application form, submitted through PHP.
Two versions, one brief
Built, reviewed, then rebuilt.
The repository holds two full builds of the site side by side, showing how the design and structure moved on between drafts.
HotBeansWeb
The original build, submitted as the first pass at meeting the brief.
HotBeansWeb2
A revised build with refined layout and content across the same pages.
There's also a longer write-up of the project on my personal blog, covering the thinking behind the second build in more detail.
Take a look
The full source is on GitHub.
Browse the HTML, CSS, JavaScript and PHP behind both builds, or take what's useful for your own coursework.
View on GitHubHTML · CSS · JavaScript · PHP