Exampleshttps://craigseanhooper.com/ (Links to an external site.)
https://www.melaniehoff.com (Links to an external site.)
https://www.theslowmoguys.com/ (Links to an external site.)
DescriptionThis week, we’ll be taking a step back to set up a project for the rest of our Coding Portion. You will be designing a one-page website for yourself that we will then be coding using all the lessons you’ve taken on.
SpecsProgram: FigmaAdd Here: https://www.figma.com/files/project/51380722/CTM-II_W08_One-Page_Website?fuid=931329870921659729 (Links to an external site.)
Mockup Templates:For Desktop: Use 1920 x 1080px
For Mobile: Any of the iPhone or Droid Templates
Mockup Count: 2 totalWebsite on Desktop
Website on Mobile
Design RequirementsYou must use the templates listed above for your mockups
Your one-page website should have:A way to navigate
A layout of Projects
An about section
Create the following text styles:H1
H2,
H3,
List Items
Paragraph
A Color Scheme of at least three colors:Primary Color
Secondary Color
Accent Color
At least Two FontsHeading Font
Body Font
InstructionsWe’ll be revisiting Figma for this part of the project.
You’ll be creating your one page mockup here: https://www.figma.com/files/project/51380722/CTM-II_W08_One-Page_Website?fuid=931329870921659729 (Links to an external site.)
(Links to an external site.)
You must create mockups for both desktop and mobile with the design requirements above. Use the Design requirements to guide your design
Think about all the coding skills we’ve gone over to inform how you’d develop the site itself
Think about how we used systems thinking to plan our InDesign book, this is a similar task in that way.
How each page is styled and the content of each is up to you though you should use your own projects as the content. This is your website.
Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.
You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.
Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.
Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.
