Development & Engineering

Web Design and Development

From concepts to live sites. Building unique, performant and tailored web experiences to match your brand feel and requirements.

OVERVIEW

Modern Web Development.

Our team at Peblor provide a variety of services in the frontend and user interface realm, including web development: aiming to deliver performant, tailored solutions and experiences in line with your brand and requirements.
We work with a variety of technologies, including but not limited to React, Vue, and Svelte, and a mixture of other frameworks (like Next, Nuxt, Astro, etc); keeping compatible with your current technology stack or otherwise choosing a suitable stack for your requirements.
THE PROCESS

From Brief to Product

01

Proposal Received

We review the proposal and prepare some background.

02

Low-fidelity wireframes

Preparation of some designs, page hierarchies, and sketches.

03

Feedback & wording adjustments

Confer with client for feedback on page wordings, taglines and other expectations.

04

Review

A review of final draft: assessing user experience, accessibility, and gaining additional feedback before launch.

05

Delivery

Delivery of the product, which can include deployment and hosting management, if preferred.

FRAMEWORKS

The frameworks we build with.

We select frameworks based on project needs and maintenance aspirations (not trends).
We have deep experience across many stacks, catering for all types of deployments: static (SSG), server-rendered (SSR) and hybrid.

UI Library

React

One of the most common UI libraries that we work with.

React Display

UI Library

Vue

Another common UI library, which carries more of a HTML-syntax than JS syntax.

Vue Display

UI Library

Svelte

Less common that React and Vue, but can deliver great performance and a nice developer experience.

Svelte Display

Framework

Next.js

Commonly used when developing server-rendered applications (alongside React).

Next.js Display

Framework

Nuxt.js

Very performant framework, used alongside Vue.

Nuxt.js Display

Framework

Astro

Delivers a great developer experience, practical for static-generated sites.

Astro Display
OUR TOOLS

What we use to deliver.

We use a variety of tools and technologies, service and requirements depending, in building our products and shipping great experiences. This is a subset of what we use.

UI/UX Concept Design

Logo Display

Penpot

Penpot is an awesome design and collaboration tool, which we often use for UI mockups, presentation slides, and other design tasks.

UI/UX Concept Design

Logo Display

Figma

Figma® is another interface design platform which we occasionally use when producing UI designs and the likes, and collaborating beyond our immediate team.

Image / Raster

Logo Display

Photoshop

Photoshop is a graphics and image editing tool, created by Adobe®, which we sometimes use as a supporting tool during production of work.

Image / Vector

Logo Display

Inkscape

Inkscape is a powerful vector graphics editor which we use during our workflow (particularly in the realm of logo and icon design/editing).

Image / Raster

Logo Display

GNU Image Manipulation Program (GIMP)

We occasionally GIMP, alongside or as a substitute for Photoshop, for editing, improving and resizing raster images. Generally whichever tool is better suited to task.

Image / Vector

Logo Display

Adobe Illustrator

Illustrator is another vector editing tool which we occasionally use, in conjunction with or as a substitute for Inkscape.

Editor

Logo Display

Neovim

Neovim is one IDE favoured by members of our team (particularly the ones running Linux as their daily driver). A versatile, extendable and adaptable editor which helps to deliver our projects.

Editor

Logo Display

Codium

Used as an IDE by most of our team, alongside other editor offerings. Visual Studio Code and VSCodium are interchangeably used.

Version Control

Logo Display

Git

Most our code uses Git as a version-control system. We work across multiple instances, including GitHub®, GitLab®, Codeberg®, and other enterprise instances.

3D Modelling

Logo Display

Blender

Used for 3D modelling, rendering and some other animation tasks; when creating unique stand-out experiences.

Notes

Logo Display

Obsidian

Used as a supplemntary notetaking tool (alongside our other project management applications in use).

Relevant branded logos are property of their respective trademark holders. Display does not necessitate direct partnership or affiliation with their brands or products.
ENGAGEMENT

Clear & Structured Engagements.

Concept and Design

Wireframes, visual design, page hierarchies: with handover-ready design files.

Speak to Us >

Full Build

End-to-end design and development, following a similar fixed-scope outline to the displayed process (above). Hosting can be included if needed.

Get in Touch >

Ongoing and Support

Retained support for content updates, changes, and continued improvements (SEO/performance) after launch.

Talk to Us >
RELATED SERVICES

Other services offered

Bespoke Software

Building bespoke software, platforms and applications to fit criteria and meet needs outlined in proposals.

Learn more →

Infrastructure and Operations Services

Server maintenance, on-premises and cloud deployments, and more.

Learn more →

Embedded Systems

We offer solutions and services for embedded system requirements.

Learn more →

Ready to take it to the next level?

We can assess your requirements and come back with a clear, practical proposal.