HELP! looking at something like this> Web Design similarity


(Konstantijn Van Calster) #1

Hi guys, any idea on which stacks, theme, apps, Adobe etc to use to get something similar as this site https://seclgroup.com ? -Have a look at it, really pleasant site. Great landing page, beautiful graphics, colours, big icons, user-friendly, very easy to understand and navigate.

I’m working on a design on Foundry, looking good but this site https://seclgroup.com get me another idea on design. I’m using Foundry, graphics on Adobe, etc but can go also on Foundation if needed, wonder how to get close to it. I understand it’s not done on RW. Hope someone could give me some directions, Cheers


(Gary) #2

It looks Bootstrap based so Foundry is the best start. SectionsPro & SectionsBox animation will do most of that animation and then some custom code will be needed to get you close. It is doable but to be honest, if you have the skill to make RW do this, then you will know a much better and quicker way to do it with other tools. Also it will be an enormous amount of work too.

A good approach would be to reduce the animation and build something with the same style.


(Konstantijn Van Calster) #3

Ok Gary thanks so much for the reply :slight_smile:

Will have a try to make a more simple version out of it on Foundry and SectionsPro & SectionsBox animation, the graphics on Adobe etc. If any more suggestions would be more than welcome.

Regards


(Rob D) #4

Tino, I think this post in their own blog (https://seclgroup.com/article-user-interface-architecture-principles.html) may shed some general light on the philosophy and methodology they use in their web design. This, of course, doesn’t give you any specifics you’ve asked for, but is interesting, nevertheless.


(r) #5

Sections is probably the way togo. But there’s a theme that has the vertical social icons but different menu maybe you can make it work.
https://www.rapid-ideas.com/previews/whitespace/index.html


(Andrew Tavernor) #6

Custom code - nah :slight_smile: You could do that with SP animate out of the box - I would just take the animation settings out of the inspector and plug them into the animate stack. That is quite basic compared to the average @PaulRussam creation (and I’m not joking).


(Konstantijn Van Calster) #7

@Rovertek
Thanks a lot Rob. Will have a look at their blog, din’t saw it. Good observation :slight_smile:
Really great site hè Rob, or what is your opinion on this?

This one looks also very good http://www.popwebdesign.net/index_eng.html. Have a look at their video, of the PopArt studio team same as on their graphic (hero banner).


(Konstantijn Van Calster) #8

@tav
Ok thanks Andrew :slight_smile:


(Paul Russam) #9

SectionsPro/SectionsBox/Sections Animate would chew through that without any problems.
I actually think there’s a lot of missed opportunities for effects, more could have been done with the hot air balloon, I’d use ScrollMate to make it more interactive, also I’d have had a little more fun with the 6 badges like I did with the Services here https://www.dma-ni.com


(Konstantijn Van Calster) #10

@PaulRussam
Thanks so much Paul, your examples will be of great help and inspiration :slight_smile:
Cheers :+1:


(Konstantijn Van Calster) #11

@PaulRussam
Is this done on Foundry https://www.dma-ni.com/ ?
-looking great!!

Regards


(Paul Russam) #12

Primary tools:

  • Foundation
  • FontPro
  • TotalCMS
  • Impact
  • SectionsPro
  • Grummage

(Konstantijn Van Calster) #13

Thanks Paul :+1:
Will try to do it first on Foundry… thanks again for the tips.


(Gary) #14

Focusing on the animations on part of the home page I agree, but that site is huge and complex.

The cloud animations are pure Sections animations. The icon animation on the right of the home page would be a challenge in RW.

Lots of that site is pretty odd too with all sorts of weird blog feeds obviously done by different groups of developers.


(Konstantijn Van Calster) #15

Thanks Gary for your professional opinion and advice, as always very well appreciated :slight_smile:


(Jan Fuellemann) #16

So why don’t you make a challenge out of it? Just the homepage, no other sites and to see what we can really make from RW :slight_smile: And the OP can built on it :slight_smile: