Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

14. As a user, I want the app to look professional and welcoming #14

Open
fullybaked opened this issue Aug 7, 2024 · 0 comments · May be fixed by #75
Open

14. As a user, I want the app to look professional and welcoming #14

fullybaked opened this issue Aug 7, 2024 · 0 comments · May be fixed by #75
Assignees

Comments

@fullybaked
Copy link
Contributor

Summary

The last 2 weeks of the project will function a little differently than the rest. Your team will self-organize around a lightweight design process to come up with a polished look-and-feel for your app.

This will require you to make decisions together as a whole team, then implement your vision. The process outlined here is our best suggestion for how to proceed, but you are free to take whatever approach you see fit!

You’ll notice this is the last issue on the board! That’s because the expectation is for you to write the stories needed to complete the implementation of your design direction.

As always, lean on your mentors for guidance if you are unsure how to proceed!

Design Process

  1. What is the tone you’re going for? What feeling are you trying to convey? Come up with 3 to 5 words that best capture how you want users to perceive your app.
  1. Create a mood board. A mood board helps everyone get on the same page in terms of the direction in which you want to take your design. Add elements to your mood board that represent the tone you’re trying to achieve.
  2. Decide on fundamental elements of your design, including the following:
  • TypographyGoogle Fonts is a good choice for finding web fonts you can use in your app. They have hundreds of typefaces to choose from, but consider usability in whichever one(s) you choose!
  • Colors ← Make sure these are accessible!
  • Iconography / imagery ← Start here to find free icons you can use in your app!
  1. Decide whether you want to code your CSS from scratch or integrate a CSS framework. There are pros and cons to each!
  • Vanilla CSS gives you more control, but it can be harder and/or take more time to achieve a given effect.
  • Frameworks help you get things done faster, but often at the cost of not giving you full control of the design.
  1. If you choose to use a framework, evaluate your options to make sure you pick one that will suit your needs.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants