FreeCAD Website Design

A forum for research and development of the user interface of FreeCAD

Moderator: agryson

User avatar
Joel_graff
Posts: 1791
Joined: Fri Apr 28, 2017 4:23 pm
Contact:

Re: FreeCAD Website Design

Postby Joel_graff » Sat Jul 21, 2018 5:01 pm

After looking at the github example again, I might suggset a couple small changes:

1. Ensure that the top logo portion fills the screen entirely (I can see the graphic for the next section show up at the bottom a bit)
2. Clip out the FreeCAD UI in the images, just showing the models themselves - if only because it looks cleaner. Maybe use a shadow or contrasting border to offset it from the background
3. Scale the images a bit smaller - the text is kinda pushed to the side and looks cramped.
4. Increase the size of the text font.
FreeCAD Trails workbench for transportation engineering: https://www.github.com/joelgraff/freecad.trails

pivy_trackers 2D coin3D library: https://www.github.com/joelgraff/pivy_trackers
AR795
Posts: 180
Joined: Fri May 25, 2018 11:55 pm

Re: FreeCAD Website Design

Postby AR795 » Sun Jul 22, 2018 7:39 am

Thank you all for the feedback.
kkremitzki wrote:
Fri Jul 20, 2018 10:06 pm
At first I had written up quite a bit of feedback about what might be improved but instead I think it's better as-is. The only bit left worth mentioning is that for the text under "AND MANY MORE GREAT FEATURES", it would be nice if you included stuff about the experimental CFD, BIM, and Geodata workbenches and how FreeCAD also has potential to be a real Swiss Army knife of a general-purpose engineering toolkit. However, the fact that the copy is all pretty succinct is one thing I like about it, so pick out of my suggestions whatever changes you may.
I have modified the features section to include experimental CFD, BIM, and Geodata workbenches. Let me know if it is alright now.
NormandC wrote:
Fri Jul 20, 2018 10:52 pm
P.S. One small point, ideally, I think images should have small captions to credit the authors if possible.
I have now added the credits in the footer.
Joel_graff wrote:
Sat Jul 21, 2018 5:01 pm
1. Ensure that the top logo portion fills the screen entirely (I can see the graphic for the next section show up at the bottom a bit).
3. Scale the images a bit smaller - the text is kinda pushed to the side and looks cramped.
4. Increase the size of the text font.
Its possible that display resolution is the cause of this. I have modified the code to allow scaling of the text and the top logo section. Let me know if it's fine now. I would be great if you can also mention your monitor resolution, on my laptop display I do not encounter this issue.
Joel_graff wrote:
Sat Jul 21, 2018 5:01 pm
2. Clip out the FreeCAD UI in the images, just showing the models themselves - if only because it looks cleaner. Maybe use a shadow or contrasting border to offset it from the background
The problem is that some screenshots are not high resolution and have different aspect ratio and cropping it further reduces the quality. I have cropped the images, so let me know if it looks fine. Some lower resolution screenshots have been replaced.


Also it would be great if someone can test the website on different resolutions, mobile or desktop, to spot layout misalignment or other problems.
https://ar795.github.io/FreeCAD-Homepage/
User avatar
kkremitzki
Posts: 2153
Joined: Thu Mar 03, 2016 9:52 pm
Location: Texas

Re: FreeCAD Website Design

Postby kkremitzki » Sun Jul 22, 2018 7:57 am

AR795 wrote:
Sun Jul 22, 2018 7:39 am
kkremitzki wrote:
Fri Jul 20, 2018 10:06 pm
At first I had written up quite a bit of feedback about what might be improved but instead I think it's better as-is. The only bit left worth mentioning is that for the text under "AND MANY MORE GREAT FEATURES", it would be nice if you included stuff about the experimental CFD, BIM, and Geodata workbenches and how FreeCAD also has potential to be a real Swiss Army knife of a general-purpose engineering toolkit. However, the fact that the copy is all pretty succinct is one thing I like about it, so pick out of my suggestions whatever changes you may.
I have modified the features section to include experimental CFD, BIM, and Geodata workbenches. Let me know if it is alright now.
Sure, looks good.
Also it would be great if someone can test the website on different resolutions, mobile or desktop, to spot layout misalignment or other problems.
https://ar795.github.io/FreeCAD-Homepage/
No problems spotted here on either mobile or desktop!
Like my FreeCAD work? I'd appreciate any level of support via Patreon, Liberapay, or PayPal! Read more about what I do at my blog.
AR795
Posts: 180
Joined: Fri May 25, 2018 11:55 pm

Re: FreeCAD Website Design

Postby AR795 » Sun Jul 22, 2018 8:10 am

kkremitzki wrote:
Sun Jul 22, 2018 7:57 am

No problems spotted here on either mobile or desktop!
I am glad to hear that. :D
User avatar
bejant
Posts: 6076
Joined: Thu Jul 11, 2013 3:06 pm

Re: FreeCAD Website Design

Postby bejant » Sun Jul 22, 2018 4:54 pm

Nicely done!
Looks good on Firefox 52.9.0, 32-bit.
User avatar
easyw-fc
Posts: 2905
Joined: Thu Jul 09, 2015 9:34 am

Re: FreeCAD Website Design

Postby easyw-fc » Sun Jul 22, 2018 8:36 pm

AR795 wrote:
Sun Jul 22, 2018 7:39 am
Also it would be great if someone can test the website on different resolutions, mobile or desktop, to spot layout misalignment or other problems.
https://ar795.github.io/FreeCAD-Homepage/
very nice and working fine also on mobile platform!
User avatar
HarryGeier
Posts: 1214
Joined: Mon Jul 10, 2017 12:36 pm
Location: Hof Germany

Re: FreeCAD Website Design

Postby HarryGeier » Mon Jul 23, 2018 6:48 am

Looks very good.

2 Thoughts:

1: The design is quite a bit away from WIKI and Forum.. so the jumping when clicked is a bit a shocking effect..maybe wiki and forum need some tuneup later..

2: I would not jump into Forum Showcase, but add another static page with screenshots and probably link them to their posts...

just thoughts...
Kaum macht man´s richtig , gehts´s
My Video Tutorials on Youtube: https://www.youtube.com/channel/UCoe3B ... p8Q/videos
My FreeCAD Stuff on Hidrive: https://my.hidrive.com/share/qr3l1yddy6#$/
User avatar
Joel_graff
Posts: 1791
Joined: Fri Apr 28, 2017 4:23 pm
Contact:

Re: FreeCAD Website Design

Postby Joel_graff » Mon Jul 23, 2018 12:44 pm

AR795 wrote:
Sun Jul 22, 2018 7:39 am
Its possible that display resolution is the cause of this. I have modified the code to allow scaling of the text and the top logo section. Let me know if it's fine now. I would be great if you can also mention your monitor resolution, on my laptop display I do not encounter this issue.
I looked at it again. On a widescreen 1080p monitor, it looks really good. Just cleaning up the images really gives it a much cleaner aesthetic!
FreeCAD Trails workbench for transportation engineering: https://www.github.com/joelgraff/freecad.trails

pivy_trackers 2D coin3D library: https://www.github.com/joelgraff/pivy_trackers
User avatar
regis
Posts: 717
Joined: Sun Jul 12, 2015 8:17 am
Contact:

Re: FreeCAD Website Design

Postby regis » Mon Jul 23, 2018 1:05 pm

HarryGeier wrote:
Mon Jul 23, 2018 6:48 am
Looks very good.

2 Thoughts:

1: The design is quite a bit away from WIKI and Forum.. so the jumping when clicked is a bit a shocking effect..maybe wiki and forum need some tuneup later..

2: I would not jump into Forum Showcase, but add another static page with screenshots and probably link them to their posts...

just thoughts...
Very good points indeed, it made me go back and compare both pages, and I was wondering,
Something I tend to like about the current page is that everything fits in one page, so you can't miss something out,
On the current design you have to scroll down, before anything is revealed, so if you are just a tad bit a little lazy you wont see what you are looking for it if is hidden way down below.
So it's a bit of a mixed feeling for me there, hard to chose, so I might let others throw in a few thoughts on the matter as well.
Attachments
Screenshot from 2018-07-23 09-01-39.png
Screenshot from 2018-07-23 09-01-39.png (738.13 KiB) Viewed 354 times
Screenshot from 2018-07-23 09-01-13.png
Screenshot from 2018-07-23 09-01-13.png (505.94 KiB) Viewed 354 times
User avatar
bitacovir
Posts: 1121
Joined: Sat Apr 19, 2014 6:23 am
Contact:

Re: FreeCAD Website Design

Postby bitacovir » Mon Jul 23, 2018 1:54 pm

regis wrote:
Mon Jul 23, 2018 1:05 pm
Something I tend to like about the current page is that everything fits in one page, so you can't miss something out,
On the current design you have to scroll down, before anything is revealed, so if you are just a tad bit a little lazy you wont see what you are looking for it if is hidden way down below.
So it's a bit of a mixed feeling for me there, hard to chose, so I might let others throw in a few thoughts on the matter as well.
If you want images you need the scroll. Or you can go for transitions...
https://cdn.dribbble.com/users/973926/s ... _-_ice.gif
https://cdn.dribbble.com/users/973926/s ... e_firm.gif
::bitacovir::
===================================
One must be absolutely modern.
Arthur Rimbaud (A Season in Hell -1873)

My personal web site
My GitHub repository
My old Blog
Mini Airflow Tunnel Project
cron