5 easy steps to get ready for your web design project [updated]

When you’re getting ready to design, or re-design, your website, it can be hard to focus on what’s essential for your web design project.

What information do you need to get ready so your web design team to get started? This article provides an overview of what you need to prepare for your web design project.

Here are the five steps of website project preparation broken down as a handy reference. If you follow these steps you’ll be pressing fast forward on the entire project. When your team has everything they need from the start you will be delighted at how quickly and smoothly the process happens.

  • Step 1: Articulate your business mission and/or vision.
  • Step 2: Write down your primary and achievement website project goals.
  • Step 3: Assemble your brand style guide materials.
  • Step 4: Research several websites to reference for inspiration.
  • Step 5: Collect everything in folders you can share with your team.
Infographic for website project prep in 5 easy steps
Infographic by Addie Kugler-Lunt

Now, here’s an example using LimeTech’s website redesign that may be useful as you get ready for your web design project:

Updated in 2022.

  • Step 1: LimeTech’s vision is to help businesses grow their impact by building digital products that are human-centered and easy to use. We do this because we believe technology should work for people, their communities, and the planet we share.
  • Step 2: The LimeTech website shows how we design and build digital products that please users and help our clients grow their impact.
  • Step 3: Our new logo hints at the infinity symbol which speaks to the iterative approach we apply to our work.
  • Step 4: Inspiration for LimeTech’s new site came from websites including Lickability, Dockyard, and Centogram.
  • Step 5: We’re fans of Dropbox and Google Workspace for assembling and keeping team files organized and accessible.
Infographic website project prep 5 steps example using LimeTech
Infographic by Addie Kugler-Lunt

When you’re assembling your project team, getting everyone on the same page at the outset is crucial. So go ahead and share this with your team to create an easy website project kickoff!

For a more comprehensive discussion of website project preparations, pop over to this blog post. If you have questions and want to set up a meeting to discuss your web design project, please contact us.

 

Editor’s note* This article was expanded and updated by Addie Kugler-Lunt in 2022.


LimeTech is a creative tech company with a focus on app development. We help brands grow their impact by building digital products that please customers and solve business challenges. Our work includes strategy, design, content, and tech planning. Check out our portfolio or reach out to start a conversation about your project.

branding    efficiency    entrepreneurship    remote work    small businesses    startups    web development    website design    WordPress    

YaMabrook launch announcement

YaMabrook launch announcement

Today we announce the official launch of the YaMabrook mobile app, and share some of the work we did in the early stages of the product development process.

Read more
Everything is agile [updated]

Everything is agile [updated]

Back in the 90s, software development was a laborious, time-consuming process, and products could easily take three or more years to build. This time-lag meant that the entire landscape could shift before a product reached the market. 

Read more
Nice to meet you, color! Color terminology explained. [updated]

Nice to meet you, color! Color terminology explained. [updated]

Building on our article “Hello, Color!”, we cover some common color terminology. This helps you have conversations with designers when you’re creating the look and feel of your app. Here we go with “color terminology explained”!

Read more

Contact us

Type of project
*Don’t worry – we won’t share your email.(Required)
*Don’t worry – we won’t share your email.



This field is for validation purposes and should be left unchanged.