Maria Szubski
Verified Expert in Engineering
Front-end Developer
Maria is a front-end developer specializing in React and GraphQL. 她有五年建立B2C和B2B网站的经验,并有三年通过当地技术研讨会指导初级开发人员. 她还作为独立/首席开发人员以及跨各种技术的大型开发团队的一员做出了贡献. Maria's UX design background helps her quickly translate mockups into responsive UIs, delivering best practices in accessibility, user experience, and maintainable code standards.
Portfolio
Experience
Availability
Preferred Environment
MacOS, React, Git, Accessibility, Netlify, GraphQL, JavaScript, ESLint, SCSS, Storybook
The most amazing...
...我为一家财富500强公司构建了一个基于react的网站生成器,它可以快速创建具有可定制web组件和低托管成本的品牌网站.
Work Experience
Front-end Web Developer
Self-employed
- Collaborated with clients to strategize and build web applications, focusing on single-page application architecture and accessibility.
- Translated designs into user-friendly responsive web interfaces with React, Gatsby, Vue, and Ruby on Rails.
- Developed data models in headless CMS, such as Contentful, Dato, and Strapi, and hooked these models up to the front end with GraphQL.
- Built, tested, and documented flexible React component systems in Storybook.
- Set up automatic static site deployment with GitHub and Netlify.
- Produced CSS keyframe animations and interactive SVGs.
- Created a drag-and-drop, React-based static site generator with reusable web components.
Chapter Leader | Event Organizer | Instructor
Girl Develop It
- Led and supported instructors, volunteers, and students at local tech meetups for Girl Develop It's Cincinnati chapter.
- Planned the quarterly course schedule, promoted events, fostered community partnerships, grew the chapter, awarded scholarships, and ran day-to-day operations.
- 举办HTML和CSS的工作坊,并为10-15人的班级提供指导.
- Oversaw the training of meetup organizers and instructors and guided the new curriculum.
UI Designer
Nielsen
- Governed Nielsen's collection of big data applications to establish brand cohesion, consistency, and ease of use.
- 建立并维护应用标准文档网站,以传达部门的用户体验指南.
- 设计跨多个框架的接口,包括AngularJS、Sencha、MicroStrategy和D3.
- Created mobile applications that adhered to iOS and Material Design standards.
- 参与员工敬业度团队,组织公司内部网并推动组织内的新举措.
- 通过简化Nielsen Panelist门户网站,提高了产品采用率,改善了小组成员的体验.
- 撰写白皮书:量化用户体验的商业价值,并向150多名员工展示. This presentation led to the UX team being repositioned in the company, giving us more authority over the brand's suite of products.
Digital Product Design Intern
Moment Design
- 设计了第一个ESPN ScoreCenter iPad应用程序,具有大量数据的现场比赛统计和突发新闻报道. Each layout was customizable based on the user's favorite sports and teams.
- 为ESPN W庆祝《欧博体育app下载》颁布40周年,制作了《欧博体育app下载》虚拟马赛克. 用户可以上传女运动员的照片,并按运动员姓名或运动项目浏览互动马赛克.
- 为新的快速原型工具提供咨询,以扩展公司的能力并提高工作流程效率.
Interactive Design Intern
The Ant Farm
- Created multi-asset marketing strategies for the upcoming movie and video game releases, including social media themes, custom websites, viral campaigns, and banner ads.
- 在蚂蚁农场的行业奖提名中,建立网站和制作电影. These microsites focused on a subset of the company's capabilities, highlighting how work is done through case studies.
- 为一家大型娱乐公司重新设计了职业网站,使其具有现代感, highlight their major properties, and increase interest in employment opportunities.
Digital Design Intern – IT Innovations
JCPenney
- Designed applications for FindMore, a series of large-format touch screen kiosks inside JCPenney stores, 哪些公司推行季节性营销活动,并为顾客提供产品指南,以提高他们的店内体验.
- 实现了一个易于接近和直观的FindMore店面和结帐流程,对于站立和轮椅用户来说,都可以在视线水平处访问.
- 开发了一款iPad应用程序,以提高JCPenney高级珠宝系列的销量,供销售人员在店内使用. 这包括一个订婚戒指生成器,它显示了可能的戒指定制预览.
Web Intern
Evenflo
- Maintained the custom CMS for internal and consumer-facing sites, adhering to strict web standards and accessibility principles.
- 在Flash中拍摄和编辑教学产品演示,培训客户安全操作婴儿产品和汽车座椅.
- Created promotional materials, including posters and pamphlets, to reach new customers and vendors at B2B conferences.
Experience
Johnson & Johnson's Zarbee's | Website Redesign and BodilessJS Testing
http://www.zarbees.com/I consulted with Johnson & Johnson提供了关于BodilessJS开发者体验的反馈,并为共享库贡献了新的组件. 我与多个团队和利益相关者合作,确定项目的范围和时间表,为客户创造最好的体验.
For the Zarbee's website, a brand acquired by Johnson & Johnson, 我创建了页面模板,并扩展了BodilessJS库,以符合品牌需求. I also mentored team members on best practices for React and Tailwind CSS.
Aster | Redesign of Eight Brand Sites Using the Gatsby Theme
http://www.rosettahardscapes.comI was the lead front-end developer on this site, creating the library of shared components, then customizing the styles to fit each site's branding. The client provided only desktop design mockups, which I turned into responsive layouts.
下面的Aster站点都是使用相同的底层Gatsby主题和Strapi CMS设置构建的.truemontmaterials.com, www.redi-rock.com, www.rosettahardscapes.com, www.polebase.com, www.redi-scapes.com, manufacture.redi-rock.com, www.makepolebase.com, and www.makerosetta.com.
Mike Albert Fleet Solutions | Website Redesign
http://www.mikealbert.com/I built front-end components and reusable templates in Gatsby on React and Storybook. 该设计彻底改变了公司的内容组织和营销策略,以达到新的客户群,并突出了公司作为行业思想领导者的地位.
Mike Albert Fleet Solutions | Website Design of Fleet Studies Lab
http://www.mikealbert.com/fleet-studies-labI was the lead front-end developer on this project, creating a library of components and templates for the classes, course categories, and main landing page. 这个网站被用来培训和与其他有前途的行业专家合作.
Kroger | Front-end Development of Kitchen 1883
http://www.kitchen1883.com/I built the front end of this site with Gatsby on React. I used Storybook to build, test, and document components. 该网站是完全响应和可访问的,可以用键盘或屏幕阅读器导航.
Kroger | Front-end Development of On The Rhine Eatery
http://www.ontherhineeatery.com/I built the front end with Gatsby on React and the Styled Components. I used Storybook to build, test, 并记录这些组件,以确保它们是灵活的,并符合可访问性标准. The site can be browsed entirely with a keyboard or screen reader.
An Intro to Static Site Generators Workshop for the Jamstack Cincinnati Meetup
http://github.com/MariaSzubski/1906-getting-started-with-static-sitesThe workshop covered: the React project structure and routing; pre-fetching with Gatsby Link; the Gatsby Image; React building blocks such as function components, props, hooks, and state; the Styled Components and Web Font Loader plugins; and Netlify deployment.
Education
Bachelor's Degree in Digital Design
University of Cincinnati - Cincinnati, Ohio, United States
Skills
Libraries/APIs
React, Vue, React Router
Tools
Git, GitHub, Photoshop CC, Illustrator CC, JSX, Asana, Trello, NPM, InVision, Flash, Yarn Workspaces, Bitbucket
Languages
JavaScript, SCSS, HTML, CSS, GraphQL, TypeScript, HTML5
Paradigms
Jamstack, Mobile App Design, Scrum, Management
Platforms
MacOS, Netlify, Contentful, DatoCMS, Shopify
Frameworks
Bootstrap, YARN, Next.js, Tailwind CSS, Ruby on Rails (RoR)
Other
Accessibility, Storybook, Web Development, Gatsby, Responsive UI, ESLint, Styled-components, Content Management Systems (CMS), Instruction & Coaching, Prototyping, App Design, Mentorship, Event Planning, Workshops, DSLR Photography, Digital Product Design, Debugging, Responsive Web Apps, Social Media Campaigns, Advertising, Documentation, Static Hosting, Code Generators, Strapi, API Integration, Front-end
How to Work with Toptal
在数小时内,而不是数周或数月,我们的网络将为您直接匹配全球行业专家.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring