Project one
[PROJECT ONE]
[One or two sentences: what it is, who it is for and the problem it solves.]
- C#
- .NET
- SQL
// Wireframe to final product
Wireframe
Wireframe
A grey-box layout used to settle structure, spacing and flow before any colour or styling.
Revised design
Revised design
A flat, coloured version used to test hierarchy, spacing and real wording before settling the look.
Final design
Final design
The polished design: [typography, colour and components all settled before any code was written].
Feedback
What people said
[Feedback on the final design from classmates or a client: what worked, and what to fix before building.]
Final product
Final product
[The finished, working project: screenshots of the live version and how it changed after the feedback.]
1 / 5
// Improvements over time
Version 1
The starting point
[Screenshot and a sentence on how it looked and worked at first.]
Version 2
First round of changes
[What I changed after the first round of feedback, and why.]
Version 3
Refinement
[Smaller fixes: spacing, colour, wording, speed.]
Final
The result
[How the finished version compares with version 1.]
1 / 4
Project two
[PROJECT TWO]
[One or two sentences: what it is, who it is for and the problem it solves.]
- HTML / CSS / JS
- C#
// Wireframe to final product
Wireframe
Wireframe
A grey-box layout used to settle structure, spacing and flow before any colour or styling.
Revised design
Revised design
A flat, coloured version used to test hierarchy, spacing and real wording before settling the look.
Final design
Final design
The polished design: [typography, colour and components all settled before any code was written].
Feedback
What people said
[Feedback on the final design from classmates or a client: what worked, and what to fix before building.]
Final product
Final product
[The finished, working project: screenshots of the live version and how it changed after the feedback.]
1 / 5
// Improvements over time
Version 1
The starting point
[Screenshot and a sentence on how it looked and worked at first.]
Version 2
First round of changes
[What I changed after the first round of feedback, and why.]
Version 3
Refinement
[Smaller fixes: spacing, colour, wording, speed.]
Final
The result
[How the finished version compares with version 1.]
1 / 4
Project three
[PROJECT THREE]
[One or two sentences: what it is, who it is for and the problem it solves.]
- .NET
// Wireframe to final product
Wireframe
Wireframe
A grey-box layout used to settle structure, spacing and flow before any colour or styling.
Revised design
Revised design
A flat, coloured version used to test hierarchy, spacing and real wording before settling the look.
Final design
Final design
The polished design: [typography, colour and components all settled before any code was written].
Feedback
What people said
[Feedback on the final design from classmates or a client: what worked, and what to fix before building.]
Final product
Final product
[The finished, working project: screenshots of the live version and how it changed after the feedback.]
1 / 5
// Improvements over time
Version 1
The starting point
[Screenshot and a sentence on how it looked and worked at first.]
Version 2
First round of changes
[What I changed after the first round of feedback, and why.]
Version 3
Refinement
[Smaller fixes: spacing, colour, wording, speed.]
Final
The result
[How the finished version compares with version 1.]
1 / 4
Project four
[PROJECT FOUR]
[One or two sentences: what it is, who it is for and the problem it solves.]
- SQL
// Wireframe to final product
Wireframe
Wireframe
A grey-box layout used to settle structure, spacing and flow before any colour or styling.
Revised design
Revised design
A flat, coloured version used to test hierarchy, spacing and real wording before settling the look.
Final design
Final design
The polished design: [typography, colour and components all settled before any code was written].
Feedback
What people said
[Feedback on the final design from classmates or a client: what worked, and what to fix before building.]
Final product
Final product
[The finished, working project: screenshots of the live version and how it changed after the feedback.]
1 / 5
// Improvements over time
Version 1
The starting point
[Screenshot and a sentence on how it looked and worked at first.]
Version 2
First round of changes
[What I changed after the first round of feedback, and why.]
Version 3
Refinement
[Smaller fixes: spacing, colour, wording, speed.]
Final
The result
[How the finished version compares with version 1.]
1 / 4
Project five
[PROJECT FIVE]
[One or two sentences: what it is, who it is for and the problem it solves.]
- HTML / CSS / JS
- C#
// Wireframe to final product
Wireframe
Wireframe
A grey-box layout used to settle structure, spacing and flow before any colour or styling.
Revised design
Revised design
A flat, coloured version used to test hierarchy, spacing and real wording before settling the look.
Final design
Final design
The polished design: [typography, colour and components all settled before any code was written].
Feedback
What people said
[Feedback on the final design from classmates or a client: what worked, and what to fix before building.]
Final product
Final product
[The finished, working project: screenshots of the live version and how it changed after the feedback.]
1 / 5
// Improvements over time
Version 1
The starting point
[Screenshot and a sentence on how it looked and worked at first.]
Version 2
First round of changes
[What I changed after the first round of feedback, and why.]
Version 3
Refinement
[Smaller fixes: spacing, colour, wording, speed.]
Final
The result
[How the finished version compares with version 1.]
1 / 4
Project six
[PROJECT SIX]
[One or two sentences: what it is, who it is for and the problem it solves.]
- C#
// Wireframe to final product
Wireframe
Wireframe
A grey-box layout used to settle structure, spacing and flow before any colour or styling.
Revised design
Revised design
A flat, coloured version used to test hierarchy, spacing and real wording before settling the look.
Final design
Final design
The polished design: [typography, colour and components all settled before any code was written].
Feedback
What people said
[Feedback on the final design from classmates or a client: what worked, and what to fix before building.]
Final product
Final product
[The finished, working project: screenshots of the live version and how it changed after the feedback.]
1 / 5
// Improvements over time
Version 1
The starting point
[Screenshot and a sentence on how it looked and worked at first.]
Version 2
First round of changes
[What I changed after the first round of feedback, and why.]
Version 3
Refinement
[Smaller fixes: spacing, colour, wording, speed.]
Final
The result
[How the finished version compares with version 1.]
1 / 4
// Next
Want something like this for your business? Tell me what you need and we can work through the same process together.