Elena Pearson
Elena A. Pearson

Front-End Developer
Web Developer
UI Designer
Product Designer

Responsive Design Examples

Elena Pearson (dba Splashboard Web Design, LLC) offers web development and design services in the greater Seattle area. She combines Usability, Scalability and Responsive Layout with performance scalable across all devices to ensure usability and satisfaction. This is vital as according to the recent statistics the number of Mobile-Only Internet Users Now Exceeds Desktop!

View Elena's Responsive Web Design Portfolio

Elena's skills and services include:

  • Exclusive Graphic Design and UI Development:
    • Prototyping
    • Implementation of UI design standards
    • Web Graphics Production and Optimization

  • Web Application Development: Complete development from the initial steps of creating site maps, wireframes, converting mockups to prototypes to hand code development, implementation of UI design standards, web graphics production and optimization and testing and validation of the finished application on different browser platforms, transfer files to the server, etc.
    • PHP
    • HTML5
    • CSS3
    • JavaScript
    • XML
    • ASP.NET C# Web applications
    • Bootstrap

  • Flash and Video Development:
    Production and optimization of visual and audio productions, presentations, videos, demos and movies for web

  • Print Materials Developement and Production:
    Expert knowledge of the design requirements for print materials with extensive experience designing for print. Illustration skills. Branding, iconography & typography experience. Company branding, development of full sets of marketing materials like Logos, Business Cards, Brochures, Flyers, Rack cards, High resolution Banners, T-shirt graphics, Personalized Stationery, etc.

Features and methods displayed on this website:

Elena A Pearson

Tools used to build this web page:

This web page is built using HTML5, CSS3, PHP, JavaScript and Bootstrap.

Media queries are used to make the layout fluid (responsive web design), to detect the device screen resolution and to adapt the page size to match it.

The other thing achieved with media queries here is that it changes the number of columns depending on the device screen resolution. For smaller screens only one column is displayed but for larger screens the text of the page is organized in two or three columns.

The Slideshow is built using JavaScript

The logo and the Slideshow images are produced in Photoshop.

Navigation and footer gradients are built using CSS3

Top navigation stays fixed while scrolling to provide an easy access to navigation and to add a native feel to the webpage when viewed on mobile devices.

Testing and validation of the finished website was done on different browser and device platforms, including mobile devices like iPad, Tablet and Android.