Skip to content

Good Website Design In-Browser

good website design in-browser

Welcome to the fourth installment of our five part series about custom approaches to good website design. In this post we’re talking about in-browser design.

Suspending Formal Design

In-Browser Design can be useful for projects where there is a built-in audience, where the lifespan of the site is short, or where the development timeline or budget is limited. These are project like intranets, event information sites like concerts or festivals, or company sites that need a refresh before a big trade show in a short time. To be very clear, this does not mean that UI and UX are abandoned. On the contrary, every website should be clear and easy to use for its intended audience, including one that is designed this way.

Harnessing Our Experience

With projects like this, we draw on our decades-deep experience of web development. We use our knowledge of design trends, established conventions, and user behaviors to craft a quality website. We’ll use a page builder tool like Beaver Builder to help speed up prototyping and development.

We start by developing a color palette and font pairings, usually based on existing logos and marketing materials. We’ll collaborate with the client to make sure we are going in a direction that serves the audience.

Armed with the styling choices, we build a prototype frame for the site including header, navigation, footer, and some general content. Much like with design layouts, we’ll pause at this point and run through a few rounds of revisions with the client to refine the look, address UX issues, and tidy up the global elements.

Fleshing Out Good Website Design

Once the frame is established, we build out the other templates based on the styling established by the frame. The key templates may also go through a few rounds of revision. Content is entered and the project is polished out to a complete website.

As with all other design processes, we educate the client on how to develop and maintain the site. And we remain engaged with the client to help with the heavy lifting, updates, and education.

Examples

Sites we’ve developed this way are The Innovation Institute and our very own Pixel Jar website.

Read Part 1 of the Series – Custom Website Design Processes

Read Part 2 of the Series – Full Custom Web Design

Read Part 3 of the Series – Limited Website Design Templates

Read Part 5 of the Series – Choosing the Best Website Design Process

Written by the Team at Pixel Jar

We hope you got something useful out of that post. If you'd like to read more we have an active blog with topics across the spectrum of website development. If you're researching information for a project we'd love to talk to you about it.

Project Management life

Project Management for Life

Last year one of the Pixel Jar staff, Dave Margowsky, decided to relocate. This event tested his project management skills in a real life setting. Since we work as a distributed team we embraced the move. After he was done we talked about writing a post that would be relevant for our readers. We’ll let…
Read More
loopconf

Brandon at LoopConf

Our own Brandon Dove is presenting at LoopConf at 2:30 today. You can watch it live here: https://loopconf.io/live/
Read More

How Can We Help You?

We want to build your next project.

Connect with Pixel Jar

Does Your Website Need a Tune Up?

Run a Multi-Point Inspection on your website now!

  • Check speed rankings
  • Test security vulnerabilities
  • Find site optimizations

Our Community

Subscribe to learn more about the goings on at Pixel Jar.
  • Note: Your email will be added to our CRM and be used to receive emails from Pixel Jar. You can unsubscribe at any time.

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

WPEngine

We are proud partners at WPEngine hosting.

Visit WPEngine  
Partner

Sucuri

We are proud partners at Sucuri website security.

Visit Sucuri  
4.9 of 5 Stars

Clutch Reviews

Our reputation is everything. We currently hold a 4.9 star review at Clutch.

See our Clutch profile  
5 of 5 Stars

Google Reviews

Read client reviews of our work on Google where we have a 5 of 5 star record.

See our Google Reviews  
Scroll To Top