Hi, I’m Sara.
A hybrid Web Designer/Developer with 4+ years of experience in various industries, eager to help you meet your business goals and customer needs.
My Capabilities
User-Centered Design
Customer’s needs should be prioritized. Provide a pleasant and meaningful experience that’s catered specifically to their goals.
Front End Development
I’m most comfortable with HTML, CSS, JavaScript, and BootStrap, but I also have experience with React. i’m actively adding new frameworks to my toolbelt.
Responsive Design
Provide your users with a unique experience, however they interact with your site.
Website Maintenance & Troubleshooting
I enjoy problem solving – the Inspector tool has become a good friend. (StackOverflow = Old Faithful)
Attention to Detail
The smallest details can make or break a project and should never be overlooked.
Search Engine Optimization
Using keywords throughout your site is important, but relevant content your current and new customers are searching for is paramount.
Don’t Take My Word For It…
“Sara did a fantastic job with all aspects of setting up our bluecrabpartyco.com website! Sara has a wide diversity of relevant experience and capabilities, which include web site design, web site development, search engine optimization, marketing, and graphic arts design. She brought all these skills to bear for us and delivered an exceptional web page that captures the key aspects of our product, relates them to our customer base, and presents them in a graphically cohesive way. Sara was easy to work with and had an incredible amount of insight to help us create the best possible website for our product. Her communication throughout the process was excellent, and she was prompt and efficient in her work. I whole heartedly recommend Sara for any web design and web development needs, and I am confident you will have a similar positive experience!”
“Sara did a fantastic job getting my work website to be responsive again! She did it quickly and talked with me through what needed to be done!”
My Latest Project (in development)
A React App that uses the Studio Ghibli API. Built with React-Bootstrap. Updating with GitHub and deploying with Vercel.
Case Study: RPG Omnikit App
Tools and Skills Used: Adobe Illustrator, Adobe Photoshop, Invision, User Research, Wireframing, User Interface Design, Prototyping, User Testing
OVERVIEW
This app was created to help tabletop gamers quickly and easily access content relating to their RPG campaigns, all in one place. No more lugging notebooks, character sheets, and books to your sessions…unless you really want to!
PROBLEM STATEMENTS
- Increase users – make account creation a stress-free process
- Easy to navigate – avoid making the user jump through hoops for a simple answer
- Decrease time spent confirming a rule – may take several minutes and interrupt flow of roleplay
- Decrease time spent creating or leveling a character
- Increase interaction between GMs/players in their group and with other users/players
USERS & AUDIENCE
Most users are:
- Well-versed in what tasks need to be done, quickly
- Young – Middle-aged males, hold jobs, have families to provide for/other commitments outside the game
- Inconvenienced by wasting time on menial tasks that interrupts the flow of the game/roleplay, making the game less enjoyable
- Playing to escape the stress of life, so they want to complete tasks with minimal effort
ROLES, RESPONSIBILITIES, & PROCESS
- Recognized user needs and goals
- Interviewed friends who play and/or oversee these games with varying ranges of experience
- Competitive research/analysis
- User testing and observation
SCOPE & CONSTRAINTS
My resources were almost exclusively online. No budget was allocated for this, so a prototype was made. This presented the opportunity for testing and feedback in real time.
OUTCOME & LESSONS
- Invision prototype
- Experience with UX/UI design, user research, user testing
- Develop the app for public release
More Projects
Delta World Website
My client wanted a website for users to visit in order to get a proper feel for the sci-fi tabletop roleplaying game he created, before they purchase gaming materials. The goal of the website is for the user to learn about the game, and what makes it unique from other TTRPGs that are currently published. I included two sets of “purchase” buttons on the microsite so it’s easy for the user to complete their task. My client is looking looking to add more rich content to his game, and the contact form allows artists, writers, and cartographer to contact him. The imagery shown on the site provides the user with a peek into the world their character would adventure in.
Goals for the microsite:
• Quickly learn about the game to incite a purchase
• Get a feel for the game by reading a summary and viewing imagery depicting the atmosphere of gameplay
• Offer a free player’s guide for the user to test the game before purchasing
• Provide opportunities to artists, writers, and cartographers to contribute to the game
• Clearly display links to websites where the game can be purchased
Wedding DJ Site
The challenge of this project was to show the professionalism of the services they provide without emphasizing their age. The modern-retro look is reflected in the new branding and website. A calendar button is located at the top of each page, along with a “Get a Quote” button in the navbar to easily see availability and pricing. Planning a wedding firsthand helped me realize what essential features were needed for this site to be successful, and improve future user experiences.
Apps & Skills Used:
Wedding DJ Site
The challenge of this project was to show the professionalism of the services they provide without emphasizing their age. The modern-retro look is reflected in the new branding and website. A calendar button is located at the top of each page, along with a “Get a Quote” button in the navbar to easily see availability and pricing. Planning a wedding firsthand helped me realize what essential features were needed for this site to be successful, and improve future user experiences.
Apps & Skills Used:
Brewer’s Bar & Grill Website
I decided to redesign this business’s website to give it more of the welcoming feeling the current site was lacking. I also updated the logo to breathe new life into the brand while still emanating that brewery/taphouse feel.
LUSH #webelieve
My team member and I decided to introduce new products to LUSH Cosmetics’ Charity Pot line, where the proceeds go strictly towards helping others in need. Magazine ads will launch the campaign, and be followed by a pop-up shop where new products can be bought. The backdrop of the shop shows the current state of a deforested area, and as products are bought, customers can watch this seemingly hopeless landscape return to its former beauty, as LUSH helps to replant the forest.
As social as an introvert gets:
© 2022 Sara Barats User Experience & Web Design
All rights reserved.
