Bringing Ideas Together With Collaborative Web Design
by Zane Statz
In the ever-changing world of website design and development, staying on top of current trends and tools helps us create better websites. As web developers, new tools are being introduced regularly to help make our lives easier and give us the ability to collaborate with one another. Thankfully most of these tools are free and come with documentation on how to use them effectively, so it really comes down to your willingness to learn something new. The best way to find these tools is by reading website design and development blogs. Some of my favorites are Designer News, Smashing Magazine, The Next Web and Product Hunt. There are many different tools out there but here are a few that we use regularly at Insight:
- HTML, CSS and JS framework for developing responsive, mobile first projects on the web
Bootstrap is a tool that has helped us move away from making photoshop mock-ups and go straight to coding. We are able to quickly create wireframes of new site content, which can then be stylized later to match your desired look. A benefit of this process is we can put the site up on a development server while working on it, then send the client a link to view it. The client will then have the ability to interact with the site’s functionality along with seeing the progress of their site as we are working on it.
- simple, blog-aware, static site generator
We use Jekyll in tandem with Bootstrap to build a website’s structure and easily manage the code. Sections of code that are used over and over in your site can be linked to one another, meaning you only have to make a change to that code once for that change to appear everywhere else on the site. Also with Jekyll, we are able to write files in Markdown, which is a text-to-HTML conversion tool for web writers in a plain text format that is easy to read and write.
- web-based service for version control and collaboration using Git
With GitHub web developers are able to collaborate with one another much easier. Code from an in-progress site can be synced to each developer’s computer so that everyone is always working on the most recent version of that code. This means we can have more than one web developer working on a site at one time. This ability has helped speed up website projects and create more conversation during a project, making problem solving easier. Another great benefit of using GitHub is that it saves each commit (think of this as a save) you make. You can then go back to any of your commits and look at your code or start again from that spot. This has helped us experiment more with new features, knowing that if we make mistakes we can revert back to the original code.
These three tools are the more well-known ones out there. If you are not familiar with any of them, it’s a good place to get your feet wet. Here at Insight we are continually learning new tools and coding languages so we can better meet our client’s needs on each project. Being able to collaborate more with one another has helped us challenge each other to stay current in the field. If website design or development is your passion, I encourage you to not be afraid of trying new tools or languages as they become available.
Graphic Designer/Web Developer
Zane held a design internship position with St. Norbert College creating promotional materials for over 60 student organizations while also doing freelance design work for bands across the country. His detail-oriented and innovative creative skills, plus his passion for both print and web design, make Zane a great fit for Insight’s art department and diverse client base. He is a graduate of St. Norbert College holding a degree in graphic design, with a minor in business administration.
- Media Buying 101—What On Earth Does a Media Buyer Do?
- From Concept to Completion
- What We Learned from Rio, Pokémon Go and Game of Thrones
- 11 Blogs for Marketing and Business Inspiration
- Are Cars the Next Must-Have Mobile Device?
- The Power of Interaction
- Back to Basics with Content
- Putting the Social in Social Media
- The Presidential Election vs. Consumer Confidence
- Inspiring Young Minds with Design
- Insight Creative, Inc. Enhances team with New Hires and a Promotion
- There's No Place Like Home
- Lights, Camera, Action!
- Your Website is What's for Dinner
- Quick Start Guide to Maximizing Your Branding Budget
- Sitting Pretty ...
- Insight Designer Paints Golden Helmet for Super Bowl 50
- What's In a Name?
- Resolve to Use Reviews Better in the New Year
- This post is going to be all about you.
- On the Road to ROI, Beginning with Engagement
- The Modern Collaboration Toolkit
- Insight Donates Creative Support to Golden House
- Insight Designer Zane Statz Paints New Packers Fence
- Niki Petit Celebrates Milestone Anniversary, Graces Cover of You magazine
- Your PR Efforts are Only as Good as Your Distribution List
- Bringing Ideas Together With Collaborative Web Design
- How to Lose Your Customer's Trust and Business
- Fueling My Addiction
- Protect Your Wordpress Website From the Hacking Horde
- Insight Creative, Inc. Earns Silver Communicator Award