Web Design

by seel

seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-06-2015, 09:03 PM
#25136 (1)
I typically don't play with UI/UX design much, and I'd say I'm fairly a beginner at it. Thus I figured I'd reach out and get some feedback on it, and see where I could improve on the design, and get some fresh eyes on it to figure out where its flaws lie. 

Resources:
Font: Roboto
Background: http://alpha.wallhaven.cc/wallpaper/279769
Cloud Icon: SimpleIcon


Spoiler

[Image: 687474703a2f2f692e6e6967676572732e70772f...652e706e67]

Melancholy
すけべ
Admin
Posts: 3,862
Threads: 213
Joined: Jul 2014
Reputation: 60
11-06-2015, 10:44 PM
#25137 (2)
Looks like a really nice design. Do you plan on turning it into an actual website?

seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-06-2015, 11:09 PM
#25139 (3)
>>25137
> Looks like a really nice design. Do you plan on turning it into an actual website?

Thanks, and not currently. If I ever do turn into an actual website it'll probably just be to release it, rather than actually use it.

[+] 3 users love seel's post
Em.
Verified Shitlord
Music
Posts: 216
Threads: 3
Joined: Sep 2015
Reputation: 4
11-07-2015, 07:21 AM
#25149 (4)
It's looking really good, here's the only nitpicking I could do:

Spoiler

[Image: 687474703a2f2f612e6e69676765722e6361742f...742e706e67]
[+] 2 users love Em.'s post
seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-07-2015, 06:09 PM
#25190 (5)
>>25149
> It's looking really good, here's the only nitpicking I could do:
>
> http://a.nigger.cat/okynjt.png

Thank you! I'll have to fix these and post back :)

Exiled
Kaneki to Exiled
JP
Posts: 211
Threads: 18
Joined: Aug 2015
Reputation: 9
11-08-2015, 01:16 AM (This post was last modified: 11-08-2015, 01:30 AM by Exiled.)
#25231 (6)
Very nice design! Other than the logo being offcentered. I might whip up some HTML and CSS later and make it. But usually one page designs have a bit of JS which I'm a complete noob in. Who knows. :P
Don't worry! I won't steal the design. I'll PM you the files when I'm done. I just need to practice my skills. :P
seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-08-2015, 03:05 AM
#25243 (7)
>>25231
> Very nice design! Other than the logo being offcentered. I might whip up some HTML
> and CSS later and make it. But usually one page designs have a bit of JS which I'm
> a complete noob in. Who knows. :P
> Don't worry! I won't steal the design. I'll PM you the files when I'm done. I just
> need to practice my skills. :P

Yeah, one of the biggest things people told me was the logo was off-center. I realized I messed up margins n shit. Feel free to go at it though. If you want the PSD let me know.

Lokorfi
Waifu
Posts: 2,654
Threads: 30
Joined: Feb 2015
Reputation: 32
11-08-2015, 08:22 AM
#25292 (8)
(11-08-2015, 03:05 AM)loli Wrote: >>25231
> Very nice design! Other than the logo being offcentered. I might whip up some HTML
>  and CSS later and make it. But usually one page designs have a bit of JS which I'm
>  a complete noob in. Who knows. :P
>  Don't worry! I won't steal the design. I'll PM you the files when I'm done. I just
>  need to practice my skills. :P

Yeah, one of the biggest things people told me was the logo was off-center. I realized I messed up margins n shit. Feel free to go at it though. If you want the PSD let me know.

Hey yo, pass me that PSD file. I'd like to take a look at it :)

seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-08-2015, 05:22 PM
#25359 (9)
(11-08-2015, 08:22 AM)Lokorfi Wrote:
(11-08-2015, 03:05 AM)loli Wrote: >>25231
> Very nice design! Other than the logo being offcentered. I might whip up some HTML
>  and CSS later and make it. But usually one page designs have a bit of JS which I'm
>  a complete noob in. Who knows. :P
>  Don't worry! I won't steal the design. I'll PM you the files when I'm done. I just
>  need to practice my skills. :P

Yeah, one of the biggest things people told me was the logo was off-center. I realized I messed up margins n shit. Feel free to go at it though. If you want the PSD let me know.

Hey yo, pass me that PSD file. I'd like to take a look at it :)

Here you are: https://d.maxfile.ro/zjwlzvhwpw.psd

Ignore the poor organization. I was drinking when I made it.

[+] 1 user loves seel's post
mayunaise
sandwich spread
Nyandere
Posts: 602
Threads: 48
Joined: Oct 2014
Reputation: 16
11-21-2015, 05:41 PM
#28957 (10)
Im trying to do a little to my websites that I normally leave dormant for months on end.
Any suggestions?
Oh, and I have new palettes.

Ridorii.moe & its planned palette.

[Image: 687474703a2f2f717470692e70772f64336d324a3243362e706e67][Image: 687474703a2f2f717470692e70772f3232363039336f312e706e67]

Qtpi.pw & its planned palette.

[Image: 687474703a2f2f717470692e70772f79386f37383765392e706e67][Image: 687474703a2f2f717470692e70772f6e345236793838312e706e67]
I might also do something for kyaa.pw, but no plans RN.

[Image: 687474703a2f2f6d6179752e732d756c2e65752f...5a7353396a]
Feelings. Forever.

Spoiler


[+] 1 user loves mayunaise's post
seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-22-2015, 01:55 PM
#29060 (11)
(11-21-2015, 05:41 PM)Rii Wrote: Im trying to do a little to my websites that I normally leave dormant for months on end.
Any suggestions?
Oh, and I have new palettes.

Ridorii.moe & its planned palette.

[Image: 687474703a2f2f717470692e70772f64336d324a3243362e706e67][Image: 687474703a2f2f717470692e70772f3232363039336f312e706e67]

Qtpi.pw & its planned palette.

[Image: 687474703a2f2f717470692e70772f79386f37383765392e706e67][Image: 687474703a2f2f717470692e70772f6e345236793838312e706e67]
I might also do something for kyaa.pw, but no plans RN.

I'm no real web designer, so take my thoughts with a grain of salt. 

Planned Palettes
I like them a lot. They're better colors than the ones you have currently displayed, especially for qtpi (dat blue doe). 

Ridorii - The center image doesn't look the greatest in my opinion. I'd get rid of the white background. Never been a huge fan of large icons next to text, perhaps smaller icons? 
qtpi - Only thing I don't like is the blue background, which I think the planned palette will definitely help with it. Its sweet, and simple. For my image hosting domain I literally just had a page, grey background, gif and piano music playing. 

Overall I like the layouts, and feel of em. Not huge on the colors, but your planned palettes look like a good set of colors so I look forward to seeing them implemented. :)

mayunaise
sandwich spread
Nyandere
Posts: 602
Threads: 48
Joined: Oct 2014
Reputation: 16
11-22-2015, 04:18 PM
#29065 (12)
(11-22-2015, 01:55 PM)loli Wrote:
(11-21-2015, 05:41 PM)Rii Wrote: Im trying to do a little to my websites that I normally leave dormant for months on end.
Any suggestions?
Oh, and I have new palettes.

Ridorii.moe & its planned palette.

[Image: 687474703a2f2f717470692e70772f64336d324a3243362e706e67][Image: 687474703a2f2f717470692e70772f3232363039336f312e706e67]

Qtpi.pw & its planned palette.

[Image: 687474703a2f2f717470692e70772f79386f37383765392e706e67][Image: 687474703a2f2f717470692e70772f6e345236793838312e706e67]
I might also do something for kyaa.pw, but no plans RN.

I'm no real web designer, so take my thoughts with a grain of salt. 

Planned Palettes
I like them a lot. They're better colors than the ones you have currently displayed, especially for qtpi (dat blue doe). 

Ridorii - The center image doesn't look the greatest in my opinion. I'd get rid of the white background. Never been a huge fan of large icons next to text, perhaps smaller icons? 
qtpi - Only thing I don't like is the blue background, which I think the planned palette will definitely help with it. Its sweet, and simple. For my image hosting domain I literally just had a page, grey background, gif and piano music playing. 

Overall I like the layouts, and feel of em. Not huge on the colors, but your planned palettes look like a good set of colors so I look forward to seeing them implemented. :)

Well, I copied you a bit in the use of roboto for my buttons, but I made a little template of what I wanted qtpi to look like, any suggestions?
[Image: 687474703a2f2f717470692e70772f4452414654...492e6a7067]

[Image: 687474703a2f2f6d6179752e732d756c2e65752f...5a7353396a]
Feelings. Forever.

Spoiler


seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-22-2015, 04:32 PM
#29067 (13)
>>29065
>
> I'm no real web designer, so take my thoughts with a grain of salt.
>
> Planned Palettes
> I like them a lot. They're better colors than the ones you have currently displayed,
> especially for qtpi (dat blue doe).
>
> Ridorii - The center image doesn't look the greatest in my opinion. I'd get rid
> of the white background. Never been a huge fan of large icons next to text, perhaps
> smaller icons?
> qtpi - Only thing I don't like is the blue background, which I think the planned
> palette will definitely help with it. Its sweet, and simple. For my image hosting
> domain I literally just had a page, grey background, gif and piano music playing.
>
>
> Overall I like the layouts, and feel of em. Not huge on the colors, but your planned
> palettes look like a good set of colors so I look forward to seeing them implemented.
> :)
>
>
> Well, I copied you a bit in the use of roboto for my buttons, but I made a little
> template of what I wanted qtpi to look like, any suggestions?
> http://qtpi.pw/DRAFT%20OF%20QTPI.jpg

"cutie pie <3" is really hard to read.

Buttons are... eh. Perhaps try buttons like: http://cssdeck.com/labs/beautiful-flat-buttons
Of course modify em to match your color palette, otherwise they'll stick out like a sore thumb. Over all though I do like it, and the color scheme is better. :)

Lokorfi
Waifu
Posts: 2,654
Threads: 30
Joined: Feb 2015
Reputation: 32
11-22-2015, 05:28 PM
#29070 (14)
>>29065
>
> I'm no real web designer, so take my thoughts with a grain of salt.
>
> Planned Palettes
> I like them a lot. They're better colors than the ones you have currently displayed,
> especially for qtpi (dat blue doe).
>
> Ridorii - The center image doesn't look the greatest in my opinion. I'd get rid
> of the white background. Never been a huge fan of large icons next to text, perhaps
> smaller icons?
> qtpi - Only thing I don't like is the blue background, which I think the planned
> palette will definitely help with it. Its sweet, and simple. For my image hosting
> domain I literally just had a page, grey background, gif and piano music playing.
>
>
> Overall I like the layouts, and feel of em. Not huge on the colors, but your planned
> palettes look like a good set of colors so I look forward to seeing them implemented.
> :)
>
>
> Well, I copied you a bit in the use of roboto for my buttons, but I made a little
> template of what I wanted qtpi to look like, any suggestions?
> http://qtpi.pw/DRAFT%20OF%20QTPI.jpg

I feel like the shadow on the button text is a bit heavy.

mayunaise
sandwich spread
Nyandere
Posts: 602
Threads: 48
Joined: Oct 2014
Reputation: 16
11-22-2015, 05:46 PM
#29071 (15)
(11-22-2015, 04:32 PM)loli Wrote: >>29065
>  
>  I'm no real web designer, so take my thoughts with a grain of salt.
>  
>  Planned Palettes
>  I like them a lot. They're better colors than the ones you have currently displayed,
>  especially for qtpi (dat blue doe).
>  
>  Ridorii - The center image doesn't look the greatest in my opinion. I'd get rid
>  of the white background. Never been a huge fan of large icons next to text, perhaps
>  smaller icons?
>  qtpi - Only thing I don't like is the blue background, which I think the planned
>  palette will definitely help with it. Its sweet, and simple. For my image hosting
>  domain I literally just had a page, grey background, gif and piano music playing.
>  
>  
>  Overall I like the layouts, and feel of em. Not huge on the colors, but your planned
>  palettes look like a good set of colors so I look forward to seeing them implemented.
>  :)
>  
>  
>  Well, I copied you a bit in the use of roboto for my buttons, but I made a little
>  template of what I wanted qtpi to look like, any suggestions?
>  http://qtpi.pw/DRAFT%20OF%20QTPI.jpg

"cutie pie <3" is really hard to read.

Buttons are... eh. Perhaps try buttons like: http://cssdeck.com/labs/beautiful-flat-buttons
Of course modify em to match your color palette, otherwise they'll stick out like a sore thumb. Over all though I do like it, and the color scheme is better. :)

Its just photoshop for now, but ill try making buttons alike those.

[Image: 687474703a2f2f6d6179752e732d756c2e65752f...5a7353396a]
Feelings. Forever.

Spoiler


mayunaise
sandwich spread
Nyandere
Posts: 602
Threads: 48
Joined: Oct 2014
Reputation: 16
11-22-2015, 06:00 PM
#29074 (16)
@Loli tried the buttons, looks good to me.
[Image: 687474703a2f2f717470692e70772f556e746974...312e6a7067]

[Image: 687474703a2f2f6d6179752e732d756c2e65752f...5a7353396a]
Feelings. Forever.

Spoiler


[+] 1 user loves mayunaise's post
seel
flat is justice
Pumpkin
Posts: 1,229
Threads: 41
Joined: Oct 2015
Reputation: 13
11-22-2015, 08:56 PM
#29093 (17)
>>29074
> @Loli tried the buttons, looks good to me.
> http://qtpi.pw/Untitled-1.jpg

Looks better. I'd potentially make the buttons smaller, but thats a personal opinion.

[+] 1 user loves seel's post
Akiba
lewdest of them all
Music
Posts: 49
Threads: 5
Joined: Nov 2015
Reputation: 2
11-23-2015, 06:18 PM
#29194 (18)
Professional dev here. I work on stuff like React and Cycle.js. CSS and HTML expert too.
Yus
   
Kitsune
Posts: 50
Threads: 1
Joined: Sep 2015
Reputation: 0
03-18-2016, 08:41 PM
#38380 (19)
Your image is broke mate.

[Image: 68747470733a2f2f706f6d662e69732f6b6f6e2e706870]