BNice Productions
What is BNice? BNice.io is a redefining Web3 company that through a blend of transparency, authentic artistry, and creative solutions they address evolving challenges in the NFT, crypto, finance, and metaverse landscapes. Known for its forward-thinking approach, BNice has launched a curated digital art gallery featuring exclusive digital assets, limited-edition prints, and original artworks. The […]
Pears Media Group – Website & Branding
Pears Media Group, formally known as Pear’s Studio, is a marketing and design agency that I founded officially back in 2019 during the quarantine. It went through a full re-branding, a renaming, and then of course everything had to be changed to fit the renaming. The reason for this was simply bureaucratic. The word “studio” […]
Church & Union
Church & Union is a rebrand for the previously known 5Church restaurants. With this rebrand, 5th Street Group, one of the fastest-growing restaurant groups in the US helmed by Alejandro Torio, Patrick Whelan, and Top Chef Jamie Lynch, needed three new websites within four months, with no downtime. To maintain a consistent brand feel, we […]
La Belle Helene
New website for La Belle Helene, a French brasserie with the menu by Top Chef Alum, Jamie Lynch.
5 Church Charlotte
5 Church in Charlotte, North Carolina, is the flagship restaurant brand for the 5th Street Group, the website, and digital branding is a tasty complement to the innovative food by Top Chef Jamie Lynch, vibrant in-person experience, and a space Condé Nast Traveler calls “Charlotte’s sexiest restaurant.” This was a project that was managed through […]
Tempest Website
This is a new restaurant and a new website for Tempest, an amazing addition to all the restaurants of the 5th Street Group. I not only had the chance to make their website, but I also got to visit the location in Charleston, SC and taste all the delicious foods that they offer. This site […]
Digibilly
Digibilly my other persona as a producer/DJ. It has been 7 years since I released my first album publicly and this site has been through many revisions. I really wanted to capture a design that was bold and screams electric music without following the trends of EDM. So I thought of doing a modernized retro […]
Pear’s Studio Website
Pea’s Studio was just a portfolio website for myself. It has fully grown into an agency though, as read on the homepage. It is a showcase of all we can do for our clients. We bring custom, tailor-made strategy and translate it into the visual representation of the client’s brand. Fully mobile-friendly design Multiple custom […]
Random Theme Changing
This is a little snippet of code that is an example of changing a page or website’s theme to different colors on every page refresh. So, click the “Rerun” button and give it a go. See the Pen Random theme change on page refresh by Josh Pears (@pearsstudio) on CodePen.
Synchro Machining Website
This is a website for a specialized CNC machine shop. A fully comprehensive branding and design was created for them. Photography, logo design, business card, and of course the website was created for this company. I even helped in the shop a bit when I was working on the stuff.
Auto-fit text
I used this on Digibilly’s website. It adjust the font weight according to the width of its parent container. You can adjust where the line-break can be based on character count. It looked really looks nice on a side-nav or on the headings of a blog posts page. One con would be it really doesn’t […]
Responsive Design & how it works.
This little bit of code is to visually show how the containers and class names work together and move when you resize the page. See the Pen Responsive Design & How It Works by Josh Pears (@pearsstudio) on CodePen.
Broken TV 404 Page
This is a 404 page example that was inspired by Codepen. It is scripted in SCSS & JQuery. If you load a broken page on this website, you will see it in action… Broken Link See the Pen 404 inspired by Codepen by Josh Pears (@pearsstudio) on CodePen.
Novation Launchpad in CSS
This is just a fun bit of code that animates the keypads and changes the lights in a pattern. See the Pen Novation Launchpad Animation by Josh Pears (@pearsstudio) on CodePen.
Smooth “Back to Top” Button
Nothing super fancy but quite useful. It is a “back to top” button that appears after you scroll down a bit. It allows the user to be notified that they have the ability to use it and it doesn’t distract from the prioritized content at the top of the page. See the Pen Smooth "Back […]
Lenox
For 6 years, I helped maintain the functionality of Lenox’s e-commerce website, lead the creative team in taking a mobile-friendly initiative, prototyped applications to extend Oracle’s functionality/usability, analyzed tracking data to create a better user experience, gave technical guidance, and maintained marketing assets. The mobile initiative that I started, gained 30% revenue on mobile sales […]
TD Bank – Regis & Kelly Bobbleheads
Web advertising campaign with Regis & Kelly bobbleheads with talk bubbles. Flash-based ads that were mouse sensitive and popped up a dialog while their heads bobbled.
Bean Devil Coffee Co.
Bean Devil Coffee Co. is a company coffee roasting company I started back in 2010. Branding, packaging, marketing assets, promotions, and e-commerce were designed and developed for this.