A Bright Concept

Welcome to the Web & Logo Design Portfolio of Gabriel Liwerant

I Build
Clean & Friendly Websites.

The Kind Your Users Will Want to Take Home & Introduce to Their Families.

Matthew Singer – Founder & Editor at BarTaste.com
Gabriel is a very creative and skilled web designer and developer. Gabriel worked with me on several projects and proved he is an excellent communicator, reliably performing on time and on budget with great skill...
Read Full »
Gabriel is a very creative and skilled web designer and developer. Gabriel worked with me on several projects and proved he is an excellent communicator, reliably performing on time and on budget with great skill. I was impressed with how he was able to take ideas and thoughts creating concrete, on target designs and code. I strongly recommend Gabriel for web development and/or design.
« Go Back
William Lennon – Managing Partner at SaaS Solutions
Gabriel has a creative gift which he blends with the ins and outs of web design best practices. He works his projects in phases which move the projects along smoothly in a manageable timeline...
Read Full »
Gabriel has a creative gift which he blends with the ins and outs of web design best practices. He works his projects in phases which move the projects along smoothly in a manageable timeline. His reliability and expertise has been so impressive that I was comfortable recommending him to several other companies.
« Go Back

Services

Back to Top

Looking for Web Expertise?
I Offer a Range of Services.

Wordpress Development
The hottest CMS and blogging platform on the web; I build themes from scratch, customize existing themes, and re-work backend code.
Learn More »
Wordpress Development
Wordpress is a CMS (Content Management System) that is used by nearly one quarter of all new websites created. It has grown from its humble beginnings as a blogging tool to encompass the general tasks of building and launching a website with easily manageable content. As such, it has become an invaluable tool for both clients and developers alike. However, such a powerful system has some caveats:
- Using a standard or even premium theme means that your website fails to stand out in the crowd.
- Your unique goals, users, and needs can lead to an endless slew of slow, poorly supported, and potentially insecure plugins.
- The paltform's ease of use magnifies the potential ill-effects caused by lack of development or design expertise.
I can address each of the above issues and more by providing the following:
- Custom theme development and design means that your WordPress website is guaranteed to be unique and stand out from the competition.
- Custom backend work can mean less dependence upon untrustworthy plugins to do the heavy lifting as well as increased ability for your website to do what you intend it to do.
- A professionally designed and crafted WordPress website means that your project will be done correctly and beautifully.
Technology that is designed to make our lives easier and provide us with more power is exciting and should be harnessed. But understanding how best to unleash that potential and weild it most effectively is a necessity as well.
« Minimize Section
Coding & Programming
HTML5, CSS3, OO PHP, jQuery JavaScript, MySQL, AJAX, XML, and more. I know the tools to construct your dream applications.
Read More »
Coding & Programming
The web evolves quickly as new tools, platforms, and standards push the limits of what is possible. Long gone are the days of static web pages, replaced now with powerful dynamic languages that enable real-time applications accessible anywhere and everywhere. I have experience building web-based applications from scratch including:
- GoBiblio.com: A bibliography generator running on PHP, MySQL, and JavaScript that allows students to easily create citations for their essays and research papers as well as print, edit, email, and save them for later.
- A Bright CMS: A custom, lightweight, CMS and web application framework created from scratch using object oriented programming and MVC architechture.
I’m always learning and expanding my skills so that I can provide solid code that works well and conforms to best practices. Some techniques in my repetoire include:
- Minification and concatenation of CSS and JavaScript files to reduce page load times.
- File compression, sprite sheets, and data URIs further reduce download sizes and HTTP calls which speed up your website and keep your users happy.
- Custom icon font files to help build scalable graphics that load quickly and look great at any size.
- Progressive enhancement with CSS3 to take advantage of new browser capabilities that improve user experience.
Understanding how to code by hand provides important insight into web design and enables the construction of truly robust and maintainable websites that will serve you well for years.
« Minimize Section
Responsive Mobile Design
The future of the web is mobile. Every website should respond to its viewing device. I build mobile-ready websites for many screen sizes.
See How »
Responsive Mobile Design
Mobile devices are set to take over the world in terms of availability, affordability, and access to the internet. No website created today can afford to be without mobile support. Luckily, the web provides the tools we need to tackle this problem, and collectively they can be reffered to as responsive design. Responsive design is a set of principles and protocols for creating websites that change shape, or “respond,” to the size of their viewing device. The following are some important aspects of this revolution in design:
- A mobile-first design philosophy instructs us to provide the full website experience to smartphone users, optimized for touch input and small viewing areas.
- Progressize enhancement uses device-width breakpoints to add visual elements and scale up images and font sizes for progressively larger devices and viewing areas.
- Relative sizes and fluid layouts allow content to flow naturally on any screen.
- Separating content from presentation at all times allows forward-thinking, future-proof websites that can take advantage of new technology quickly.
Rather than a certain set of dimensions for a certain set of devices, mobile design is really about experience: the experience of viewing the web at any angle and any size while interacting through a variety of means. An essential part of the experience is speed, as mobile devices tend to be limited in download speed. Therefore, mobile websites should also be heavily speed optimized by:
- Ensuring that only essential page elements are loaded.
- Reducing interface chrome and cruft down to the bare essentials.
- Using scalable graphics, fonts, and CSS over static images whenever possible.
I craft beautiful responsive websites for all screen sizes using the above techniques and more. See it at work on this website by resizing your browser!
« Minimize Section
Feedback-based Process
I break projects into stages, providing many opportunities for feedback and iterative improvements. Your satisfaction is important.
Understand My Process »
Feedback-based Process
The success of any project depends upon at least 2 factors:
- How well does the project meet client goals?
- How well does the project serve the users/customers in the anticipated community/market?
Meeting both requires research, thought, and analysis into the branding, demographics, and other factors surrounding the particular project. In order to ensure the highest possible chance of a successful project and a satisfied client, I break projects into segments such as the following:
- A research and questionnaire phase, during which I consult with you about many aspects of your business or organization, and/or your individual goals and needs.
- A wireframe and rough draft phase, during which I do the wireframing, sketching, and grayscale rough concept formation that will be the basis for finalized work. This phase may be done more than once in an iterative fashion.
- A final draft phase, which involves realizing in full-detail and color the vision illustrated in the rough phase along with guidance and feedback gathered during previous phases.
- The final creation phase, during which all the appropriate work is produced in its final form on the web or in graphics files appropriate to its purpose, based heavily upon the final draft phase.
Details should be included only after the strutural and conceptual groundwork is established, which makes the rough draft phase an excellent place to make major alterations. Most often, when the concepts and structure of the work are sound, the details only enhance the beauty and effectiveness of the initial work.
My process aims to ensure that such beauty and effectiveness finds its way to the surface each and every time.
« Minimize Section
Logo/Identity Design
A strong, effective logo sets your brand apart and makes a great impression on your users. The logos I create are made to inspire.
See Examples »
Logo/Identity Design
Logos are an an often overlooked, but extremely effective way of enabling your brand, business, or purpose to stand out. A great logo will announce the purpose and qualities of your brand by symbolically representing them in a concise and concentrated form. You can see some examples of logos I’ve created in my portfolio.
A great logo should do the following:
- Immediately and concisely represent the brand and its qualities (e.g. trustworthy, friendly, technological, social, financial, etc.).
- Provide a representation that is unique and easy to digest.
- Maintain meaning across a variety of mediums (e.g. engravings, paper, monitors, cloth, etc.).
- Remain conceptually intact in low-detail, single-color, and black and white versions.
- Achieve resolution independence through the use of vector illustration (enabling identical detail from business card to billboard and beyond).
Brand representation can extend beyond a logo to encompass aspects such as shapes, colors, and a particular design aesthetic that can represent the brand in marketing endeavors, outreach, and a variety of visual campaigns. Taken together with the logo, these aspects can be referred to as brand identity.
My basic logo package includes the following:
- Full-color vector graphic and transparent image files of the logo.
- Black and white vector graphic and transparent image file versions of the logo (useful for faxes, photocopies, t-shirts, and other potentially single-color applications).
- Multiple aspect ratio designs and files if applicable
- Favicon for use on websites.
« Minimize Section
Custom Illustration
A picture is worth a thousand words. Customized artwork, made specifically for your project, lends a special finish you won’t get any other way.
See Examples »
Custom Illustration
Stock themes and clipart often leave websites feeling generic and uninteresting. A custom-made, hand-crafted website earns you the right to custom artwork, created specifically to serve your website. Websites with illustrations created just for them look higher-class and unique.
Click the thumbnails below to see some examples:
- SalesForceWork.com
  Illustration
  Illustrator & Photoshop
  view
- It's Your Philly
  Various Illustrations
  Illustrator & Photoshop
  view
- Teacher Website
  Various Illustrations
  Photoshop
  view
- English Teacher Portfolio
  Various Illustrations
  Photoshop
  view
- GoBiblio Citation Generator
  Various Illustrations
  Photoshop
  view
  link
« Minimize Section
SEO Best Practices
Can your website afford to exist without following important conventions that help Google and others index and rank your website?
Find Out What I Can Do To Help »
SEO Best Practices
SEO, or Search Engine Optimization, is a set of best-practices and techniques with the aim of helping your website to become indexed by and ranked well by search engines, such as Google. Search engines play an enormous part in how people find websites, so SEO is important for any web-based project. Below are some of the techniques I implement that are useful for SEO:
- Proper, semantic HTML structure can make it easier for search engines like Google to crawl and index your website.
- Proper use of descriptive meta tags, such as labeling different pages accurately and avoiding keyword stuffing.
- Utilizing alt attributes for images and video that help search engines understand visual content.
- A strong focus on content and optimizing that content for specific keywords that are relevant to your goals and to your users.
- The creation of an XML sitemap that provides a directory of the pages your website contains, as well as how often certain pages are likely to be updated.
- The use of tools, such as Google Webmaster Tools, which can help you to track the status and health of your website in terms of SEO.
- Abiding by the policies of search engines and positioning your website and content to take advantage of likely shifts in search algorithms.
There are no quick and easy steps that will force your rankings to the top of any search engine, and any tactics that are able to game the system to do so are highly likely to be prevented by ongoing updates to the search algorithms of the leading search engines.
There are however many simple techniques that new and existing websites can take to improve upon their search viability. I can implement these techniques and help you to succeed in the land of search.
« Minimize Section
Content Creation
Websites are containers for content; so great content and copy writing are a must. If you need help here, there’s good news: I’m also a writer!
Check Out My Writing »
Content Creation
What is content? Content is the stuff that users come to your website to see, read, or interact with. The type of stuff depends upon the website in question. Below are some examples:
- A photographer’s website, a photojournalism blog, or a webcomic is likely to consist of picture-based content.
- A news website, online cooking website, or technology website is likely to consist of written articles.
- Youtube and hulu contain mainly video content.
- Amazon and other e-commerce websites are loaded with content in the form of goods or services for sale.
- Facebook and linkedin specialize in content that consists of other people. When people use facebook, for example, it is with the intent of socializing or networking with others.
All websites require content, and almost all require at least some written content. Relevant, unique content is the best way to ensure the success of any website, both as a business and for the purposes of SEO. As a result, many websites use blogging as a way to continually generate content that increases value for their users.
I provide writing services for websites in need of original, purposeful written content. I have experience blogging and writing both long-form articles and shorter snippets, all the way down to copy writing. Check out the links below for some examples:
- Education Dynamics: Education-based blog to which I contributed heartily under a psuedonymn (to prevent competing with myself in search).
- 7StepBusiness and other writing samples: Hosted on my writing-specific portfolio website is a collection of writings I did for a web-based business portal about franchising called 7 Step Business as well as some other works.
- A Bright Concept Blog: The blog on my old portfolio website, now residing on my writing-specific portfolio, displays my writing on topics involving grammar, design, and web-based technology.
« Minimize Section

Portfolio

Back to Top

A Selection of My Web & Logo
Work for Your Perusal:

My Sugar And Sunshine
Web Design
Photoshop & Illustrator
view
A Bright CMS
Web/Responsive Design & Programming
(OO) PHP, HTML5, CSS3, & JSON
view
link
Bar Taste Logo
Logo & Identity Design
Illustrator
view
SalesForceWork.com
Web/Responsive Design & Development
(OO) PHP, HTML5, CSS3, & JSON
view
Task Volt Logo
Logo & Identity Design
Illustrator
view
Biz Roller Logo
Logo & Identity Design
Illustrator
view
A Bright CMS Logo
Logo & Identity Design
Illustrator
view
English Teacher Portfolio
Web Design & Development
WordPress, HTML, CSS, JavaScript, & PHP
view
link
It's Your Philly
Web Design & Development
WordPress, BuddyPress, HTML, CSS, & PHP
view
My Sugar And Sunshine Logo
Logo & Identity Design
Illustrator & Photoshop
view
GoBiblio Citation Generator
Web Design & Programming
PHP, MySQL, HTML, CSS, & JavaScript
view
link
SaaS Solutions Logo
Logo & Identity Design
Illustrator
view

Contact

Back to Top

Connect with Me To Get Your Project Started.

email
gabriel@abrightconcept.com
phone
(redacted)
social
Latest Tweet
I consistently fail captcha tests, which makes me excited that I might be robot.
about
I'm perpetually interested in both science fiction and science fact, constantly on the hunt for the perfect sour candy, and often besting my friends at table tennis. And oh yes, I’m also passionate about the web! I believe that when everyone competes for the same attention, the true differentiator is a strong and beautiful user experience.

I Build Clean & Friendly Websites.

The Kind Your Users Will Want to Take Home & Introduce to Their Families.

ServicesBack to Top

Looking for Web Expertise? I Offer a Range of Services.

PortfolioBack to Top

A Selection of My Web & LogoWork for Your Perusal:

ContactBack to Top

Connect with Me To Get Your Project Started.

email

phone

social

Latest Tweet

about

I Build
Clean & Friendly Websites.

Services

Back to Top

Looking for Web Expertise?
I Offer a Range of Services.

Portfolio

Back to Top

A Selection of My Web & Logo
Work for Your Perusal:

Contact

Back to Top