Joel is currently unavailable
Joel Lopez
Verified Expert in Design
Designer
Portland, OR, United States
Toptal member since June 10, 2016
Bio
Currently based in the Pacific Northwest, Joel is a product designer with over 10 years of experience in UX/UI design, front-end development, and WordPress development. He has led various UX research projects, helping companies change their designs and products based on users' needs.
Experience
- Web Development - 15 years
- User Interface (UI) - 9 years
- Product Design - 9 years
- WordPress - 7 years
- Visual Studio Code (VS Code) - 5 years
- Tailwind CSS - 3 years
- Figma - 2 years
- React - 1 year
Portfolio
Gamer's Hive: Brand Concept & Website Design
FigmaProduct DesignUser Interface (UI)ReactTailwind CSS
MesotheliomaGuide.com: Brand Concept, Print, and UI/UX Design
Product DesignUser Interface (UI)WordPress
AddictionCenter.com: UI/UX Design
Product DesignUser Interface (UI)WordPress
typefasterjoel: Brand & UI/UX Design
User Interface (UI)RemixTailwind CSS
Treasury: Personal Project, Brand, & UI/UX Design
Product DesignUser Interface (UI)
FitnessTracker+: Website UI/UX & App Popup Design
Product DesignUser Interface (UI)
Work Experience
Design Engineer
2020 - PRESENT
ProspectNow by Buildout
- Redesigned the branding and set up design standards for their marketing design.
- Rebuilt the entire platform in a modern framework.
- Redesigned the platform based on user studies and user interviews with our clients.
- Created and developed their design system to create a consistent experience across all products.
Technologies: Git, Web Development, WordPress, MySQL, PHP, Laravel, Figma, Material UI, React Redux, React, iOS, Android, Branding, HTML5, CSS3, JavaScript, CSS, HTML
Founder | CEO
2010 - PRESENT
Gamer's Hive
- Designed and developed a gaming network for gamers all over the world.
- Conducted UX research for user feedback with Alpha Launched.
- Launched the alpha test in October 2015, which recruited around 260 members.
- Created a new listing website for streamers who are inclusive to get a new way to get discovered. https://gamershive.tv.
Technologies: Git, Laravel, React Redux, React, Figma, PowerPoint Design, Web Development, MySQL, Next.js, HTML5, CSS3, JavaScript, CSS, HTML, Tailwind CSS
Director of Product
2017 - 2020
Linux Academy
- Handled the flow and creation of new features or products.
- Built and mentored a team of designers by preparing goals, 1-on-1 catch-up meetings, setting up OKRs, and guiding them to success.
- Set up global design standards for the platform and worked with a design agency to develop a full UI design kit after redesigning the marketing site.
- Helped mentor another designer in user interviews, conducted user interviews with students to understand how they use the platform, and worked on improving the experience.
- Consulted and acted as a Scrum master on design sprints.
- Managed the connection between the design agency and stakeholders for the marketing website redesign.
- Consulted with redirects, SEO, and WordPress development.
Technologies: Git, PowerPoint Design, Web Development, WordPress, Sketch, User Experience (UX), User Interface (UI), HTML5, CSS3, InVision, JavaScript, CSS, HTML, Sketch 3
Consultant
2015 - 2016
BCBH Technologies
- Interviewed, hired, and trained a team of developers and designers to work on MesotheliomaGuide.com.
- Provided feedback and design guidance to the design team.
- Gave feedback and development guidelines to the development team.
- Guided the company in using the product and created A/B tests to increase conversion.
- Assisted in the event of an emergency with the site.
Technologies: Git, WordPress, JavaScript, CSS, HTML, HTML5, CSS3
Production Director
2013 - 2016
Ascentus | Crow's Nest Digital, LLC
- Interviewed, hired, and managed a team of designers, and web and mobile developers.
- Planned, designed, and developed a lead generation site called MesotheliomaGuide.com.
- Planned, designed, and developed the Addiction Center.
- Collaborated and executed A/B tests to increase conversion in the company's products.
- Mentored and managed a team to create the Cerebral Palsy Guide in just one month.
- Managed a team to develop and deliver the FitnessTracker+ app (iOS).
Technologies: Web Development, WordPress, Git, HTML5, CSS3, JavaScript, CSS, HTML
Lead Front-end Developer
2009 - 2013
Lightmaker
- Worked with multimillion-dollar brands, providing front-end development using HTML, CSS, JavaScript, and WordPress.
- Established JavaScript as the language for the front-end developers to use.
- Established coding standards for the front-end developers to follow and modify as they grew.
- Served as a project lead for one of the top clients of the agency and led the creation and testing of a website prototype for UX research.
- Established WordPress as the main CMS for smaller clients of the agency.
Technologies: Git, Web Development, WordPress, HTML5, CSS3, JavaScript, CSS, HTML, Sublime Text 3
Adjunct Instructor
2009 - 2009
Southern Technical College
- Developed a lesson plan for the course "Introduction to Web Design."
- Taught people of various age groups to design and develop a website.
- Provided 1:1 aid to students on the different projects.
- Provided a scenario for the students to be able to critique the work with practical input and not just opinions.
Technologies: Adobe Dreamweaver, HTML
Education
2004 - 2008
Bachelor of Fine Arts in Interactive Media Design
The Art Institute of Tampa - Tampa, FL (USA)
Skills
Tools
Git, Sublime Text 3, Sketch, Adobe Dreamweaver, InVision, Sketch 3
Platforms
WordPress, Visual Studio Code (VS Code), Figma, iOS, Android
Languages
TypeScript, HTML, CSS, HTML5, JavaScript, CSS3, PHP
Other
Product Design, User Interface (UI), Web Design, PowerPoint Design, Tailwind CSS, Web Development, Next.js, MySQL, User Experience (UX), React, React Redux, Material UI, Laravel, Branding, Remix
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring