My mission is to improve my company's front-end and "design system," which includes branding, design, photography and front-end for all its properties. We have a desktop software and I redesigned all of it's front-end by modifying its front-end framework and implementing and adapting google's material design. We want to make things consistent, but I have terrible fear of creating so many custom things that I will spend the rest of my time fixing bugs, so my manager suggested using the top seller templates such as Avada or BE theme, which I think are modified versions of bootstrap. Those themes have lots of templates and drag editors, and also also maintained by professional companies. After I establish good design system (I'm trying to follow an atomic design philosophy) , I want to focus more on UX and improving the user experience. So instead of multiple versions of buttons, or tables, we will just one component, and everything will have a consistent look, this will help us build the right design components we need and save time in the future. We might have other smaller applications (such as a member's only area) with custom code, but should I design from scratch a wordpress theme using google's material design lite CSS framework, use a modified version of a famous wordpress theme that probably is using bootstrap, or should I design from scratch using foundation? I know there are no silver bullets in programming, but I need to make a decision on what will be more maintainable and we will give us the ability to maintain a good and distinct design system. We already have our software UI all designed in photoshop with a good design grid, consistent icons (around 120).
There are advantages to both approaches. Using a theme such as Avada or X (my recommendation) will make the process faster and guarantee consistency, however the downsides are bloated code and potentially slow page load times. If you don't have a large or media-heavy site, this may not be an issue.
Choose a theme that has a solid reputation for customer support and theme updates. Look at all the demos and be sure that you can mix and match the different elements that you like. And keep in mind that they all come with their own page builders and shortcodes, so you will need to choose a theme you want to stick with until you are ready to completely re-design.
The pros of developing a custom theme are having more streamlined code and total control over the updates. The downsides would be an increased time/cost factor, a need to have someone monitor software changes and make necessary updates, and further development for future functional needs. Additional attention will need to be placed on required plugin compatibility. If you use ecommerce solutions, payment processors or email marketing opt ins, you'll need to be sure the custom code plays nice with them.
Both approaches should allow you to create a totally customized design and user experience.
Additional note regarding using a pre-coded theme: Be sure to check the compatibility with your required plugins as well. Most of them take the major ones into consideration, but if you aren't sure, reach out to the developers and ask ahead of time.
Good luck! Feel free to contact me if I can help further.
~ Nicky
Answered 8 years ago
Access 20,000+ Startup Experts, 650+ masterclass videos, 1,000+ in-depth guides, and all the software tools you need to launch and grow quickly.
Already a member? Sign in