Development Deliverables.
Collaborated with:
Designers, Project Managers & Back-end
Developers
Web Development
001
Collate Information - Extract from XD or Figma
Web Fonts, Icons, Logos, Imagery
002
Build HTML & Generate SASS
Set up a theme, Create favicons, Variables, Mixins in SASS
003
Animation
Create Animation
004
Testing
Using Browserstack, Physical devices & PageSpeed Insights
005
Present Website
Once all the testing is done and bugs are fixed the site can be presented
Highlights of Front-end Development.
Over the past 3.5 years at Venn Digital, I've had the opportunity to create a range of dynamic, responsive and user-friendly websites. Below, you'll find examples of my work that highlights my expertise in front-end development. Each project showcases my ability to implement pixel-perfect visually appealing and highly functional user interfaces, utilising the latest web technologies and best practices.
These projects reflect my dedication to delivering exceptional user experiences and my continuous effort to stay ahead in the fast-evolving world of web development.
Web Development Project
Ada Meher Website
Overview:
It was important for the client to look sleek but techy, this website has some custom JavaScript animation within the hero section, alongside percentage animations that play when scrolling into view.
Technologies Used:
HTML5, Bootstrap, SaSS, AOS, JQuery, JavaScript, Swiper.JS, Adobe Fonts
Web Development Project
Spencer Clarke Group
Overview:
This website has some custom JavaScript animation for the hero search area, the placeholder text types out to reveal example searches.
This site also has an appear on scroll sticky footer area (desktop).
Technologies Used:
HTML5, Bootstrap, SaSS, AOS, JQuery, JavaScript, Swiper.JS, Google Fonts
Web Development Project
Apprentify
Overview:
At Apprentify, they offer a unique approach to finding, recruiting and training the best digital and technical apprentices from start to finish. A key focus was to provide information about their courses. This site has a custom mega-navigation.
Technologies Used:
HTML5, Bootstrap, Popper.js, SaSS, JQuery, JavaScript, Swiper.JS, Adobe Fonts
Web Development Project
Armstrong Craven
Overview:
This website has some custom JavaScript animation to expand Swiper.JS to create a multi-row carousel for the logos, this can be seen on the home page.
Technologies Used:
HTML5, Bootstrap, SaSS, JQuery, JavaScript, Swiper.JS, Adobe Fonts
Web Development Project
Search 5.0 Website
Overview:
The visual appearance was really important for this technology recruiter.
It has some custom JavaScript for the circle percentage charts, which plays the animation when scrolled into view.
I used GSAP animation for the typed in text which can be seen at the bottom of the home page.
Technologies Used:
HTML5, Bootstrap, Popper.js, SaSS, JQuery, JavaScript, Swiper.JS, Google Fonts, GSAP
Web Development Project
Instinct Website
Overview:
This website uses the AOS JavaScript Library alongside some Custom JavaScript for the typed text effect and css animation.
This site also has some custom JavaScript for the accordions active class.
Technologies Used:
HTML5, Bootstrap, SaSS, AOS, JQuery, JavaScript, Swiper.JS, Adobe Fonts
Freelance Web Development Projects.
Freelance Project
A Touch of Silver by Louise
Full project from logo to e-commerce website
Overview:
A Touch Of Silver by Louise wanted a logo and branding creating. We came up with the icon for the logo through using the letters from the name of the company.
Once we had the branding and identity complete we then created a Shopify site so that Louise could sell her jewellery
Technologies Used:
Shopify Template, CSS, Ionos Web Hosting, Illustrator, Figma
Freelance Project
PC Luxury Competitions
Full project from logo to e-commerce website
Overview:
A bi-lingual WordPress website for the purpose of selling tickets for competitions
Technologies Used:
WordPress, Illustrator
Web Design & Development
CSG Talent
Background & Scope.
CSG Talent, an international recruitment brand approached Venn Digital for a global website design and performance marketing strategy.
They wanted an online presence that reflected their expertise globally.
