I'm Shannon Maraghy.
Thank you for dropping by.
I design & code UIs / websites
(like this one!). I don't quit until
the project is done & looks awesome.
I'm Shannon Maraghy. Thank you for dropping by. I design & code UIs / websites (like this one!). I don't quit until the project is done & looks awesome.
Since I decided to transition to tech, I've been learning like crazy: courses / tutorials through Udemy, Skillshare, Coursera, YouTube, and my local college. I'm extremely motivated...
I'm a UX / graphic designer as well as a front-end developer. I use VSCode, Chrome DevTools, Figma & GitHub. I'm currently incorporating SCSS in my flow.
I had a lot of fun laying out / coding my personal website and flexing my skills in design, HTML, CSS, and JavaScript. In the process of bringing my vision to life, I learned a lot about problem solving, working iteratively, and responsive design.
FrontendMentor.io challenges developers to build responsive and functional UIs / web pages guided only by screenshots of finished products and provided colors, fonts, and images. Click on screenshots below (courtesy of Frontend Mentor) to check out my coded versions in action, or go to GitHub to see my code.
Through Daniel Scott's renowned UX Design Essentials with Adobe XD Skillshare course, I completed each stage of the design process: research, wireframing, mood board, choosing colors / fonts / images / icons, making high-fidelity mockups, and connecting up the prototype. Below, see how I translated my wireframes into finished web pages. Or, click through my final XD prototype to the Category Page ("Living Room"), Product Page ("Blue Velvet 2-Seater Sofa"), and Contact modal.
View my Behance portfolio of unique digital designs made with Photoshop, Illustrator, InDesign, and Dreamweaver. Below are a few examples: