130 lines
3.6 KiB
Markdown
130 lines
3.6 KiB
Markdown
|
# day 10
|
|||
|
|
|
|||
|
|
Using this figma ui kit:
|
|||
|
|
|
|||
|
|
https://www.figma.com/community/file/1173213215908355724/tailwind-ui-components-for-figma-tailgrids
|
|||
|
|
|
|||
|
|
https://www.figma.com/community/file/1259404410262766973/tailwind-css-ui-kit-for-figma
|
|||
|
|
|
|||
|
|
Watch these:
|
|||
|
|
https://www.youtube.com/watch?v=q3oI4G3zJa8
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=06Zjr8pTv4c
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=kew6UGCaPQs
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=WTUM2Y11oJo
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=obZX8oIjia4
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=yYwEnLYT55c
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=UWwNIMHFdW4
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=KMS3VwGh3HY
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=ewRYw4pnKQU
|
|||
|
|
|
|||
|
|
https://www.youtube.com/watch?v=Co75kmQtbaA
|
|||
|
|
|
|||
|
|
Help adjust the kit to fit client theme they decided:
|
|||
|
|
|
|||
|
|
## Colors you like
|
|||
|
|
|
|||
|
|
https://paletton.com/#uid=12P0u0k4wEneNtbb0xD6xrX7po-
|
|||
|
|
|
|||
|
|
I'm liking the green colors as it'll work well with the plant color I'm thinking of
|
|||
|
|
|
|||
|
|
Fonts you like (if you have preference)
|
|||
|
|
|
|||
|
|
https://www.fontpair.co/fonts/ibmplexsans
|
|||
|
|
|
|||
|
|
https://www.fontpair.co/fonts/sourcesanspro
|
|||
|
|
|
|||
|
|
I like clean and crisp text. Makes it easier to read.
|
|||
|
|
|
|||
|
|
Couple of sites you like the look of (and ideas why you like it)
|
|||
|
|
|
|||
|
|
https://dribbble.com/shots/14925321-Internext-Landing-Page-Exploration
|
|||
|
|
|
|||
|
|
I really like this layout. Clean, fun and cartoon-ish
|
|||
|
|
|
|||
|
|
https://dribbble.com/shots/16007029-Finance-Dashboard-Design
|
|||
|
|
https://dribbble.com/clayglobal/projects/2170578-Cushion
|
|||
|
|
|
|||
|
|
I like this layout for the user/admin dashboard. Clean.
|
|||
|
|
|
|||
|
|
## Logo What logos you like?
|
|||
|
|
|
|||
|
|
https://www.vectorstock.com/royalty-free-vector/flower-pot-and-plant-logo-growth-logo-vector-27224554
|
|||
|
|
|
|||
|
|
Clean, wouldn't mind to remove the circle around the icon.
|
|||
|
|
|
|||
|
|
https://dribbble.com/shots/14260992-Plant-mark
|
|||
|
|
|
|||
|
|
Clean and simple
|
|||
|
|
|
|||
|
|
https://designbundles.net/sasagraphic/773988-plant-pot-logo
|
|||
|
|
|
|||
|
|
Cartoonish, looks fun and simple
|
|||
|
|
|
|||
|
|
## Do you like images in logo?
|
|||
|
|
|
|||
|
|
Yes, but prefer it to be a simple plant
|
|||
|
|
|
|||
|
|
## Do you like only text in logo?
|
|||
|
|
|
|||
|
|
I think it'll be necessary to have a variety of logos for the website, so it will likely be needed at some point.
|
|||
|
|
|
|||
|
|
## Do you like symbol in logo?
|
|||
|
|
|
|||
|
|
Yes, I've had ideas of the S in seedplicity being a vine or something. Very open to any ideas.
|
|||
|
|
|
|||
|
|
## Feeling you want people to feel when they see your site (professional, fun, artistic)
|
|||
|
|
|
|||
|
|
Professional
|
|||
|
|
|
|||
|
|
Powerful
|
|||
|
|
|
|||
|
|
Simple
|
|||
|
|
|
|||
|
|
Clean
|
|||
|
|
|
|||
|
|
## Images Links to images you like
|
|||
|
|
|
|||
|
|
https://99designs.com/profiles/frankfurt/designs/14289
|
|||
|
|
|
|||
|
|
https://www.kindpng.com/imgv/bJioho_art-plant-logo-leaf-png-transparent-png/
|
|||
|
|
|
|||
|
|
https://www.wallsheaven.com/wall-murals/bonsai-logo,-simple-plant-logo,-vector-flat-icon.-B659571709
|
|||
|
|
|
|||
|
|
https://www.pngaaa.com/detail/280652
|
|||
|
|
|
|||
|
|
https://stock.adobe.com/images/plant-logo/103983960
|
|||
|
|
|
|||
|
|
## What image, look, or feel do you want your brand’s website to portray? Use 3-5 adjectives to describe your brand
|
|||
|
|
|
|||
|
|
Happy
|
|||
|
|
|
|||
|
|
Artistic
|
|||
|
|
|
|||
|
|
Clean
|
|||
|
|
|
|||
|
|
Strong (as in powerful servers and bandwidth)
|
|||
|
|
|
|||
|
|
I'd also like to portray security and redundancy of storage since we're using Ceph for storage unlike some of the other providers that if a hard drive goes out, your data is gone.
|
|||
|
|
|
|||
|
|
When analyzing your competitors’ sites, what do you like and not like about their websites?
|
|||
|
|
|
|||
|
|
## Provide examples of direct/indirect competitors
|
|||
|
|
|
|||
|
|
https://www.rapidseedbox.com/ Too white and weird blank spaces in the page, then at the end of the page everything gets cluttered. Just feels messy to me.
|
|||
|
|
|
|||
|
|
https://seedbox.io/ Really liking the layout and how the items 'float' into the page. Simple and clean design.
|
|||
|
|
|
|||
|
|
https://seedit4.me/ This competitor is really fun and cool. Can we do the same except with plants? lol
|
|||
|
|
|
|||
|
|
https://ultra.cc/ is the main competitor. They are the go-to in terms of seedbox providers and their design is pretty clean.
|
|||
|
|
|
|||
|
|
https://whatbox.ca/plans site looks too plain with no character.
|