Think Agency is a marketing agency where I got my break right out of college. They specialized in web development (where I was in) creative writings, graphic design and advertisements.
The Challenge Of Project
As a UI developer at a marketing agency, I often faced the challenge of creating visually stunning and user-friendly interfaces for a diverse range of clients. One project, in particular, stood out. The client was a roofing company looking to revolutionize the way people manage and schedule to change their roofs, and they wanted their app to be as sleek and intuitive as Apple’s own software. The brief was daunting, to say the least.
To tackle this challenge, I began by immersing myself in the world of roofing and construction design, studying the color palettes, typography, and layouts of successful apps like Home Depot and Lowes. I also spent hours sketching out wireframes and prototypes, experimenting with different navigation structures and interaction patterns.
When it came time to code, I carefully selected the most appropriate libraries and frameworks to achieve the desired look and feel. I spent countless hours perfecting the animations and transitions, ensuring they felt smooth and natural. The result was an web app that not only met but exceeded the client’s expectations. They were thrilled with the final product, and it went on to receive widespread praise for its usability and design. Looking back on that project, I’m proud of the role I played in helping the client succeed and showcasing my skills as a UI developer in the process.
Key Issues
- Creating a clear and intuitive navigation structure is crucial for users to find their way around the application and website easily. This includes designing a logical hierarchy of menus, buttons, and links.
- Maintaining visual consistency across all interface elements is important for creating a cohesive and professional look. This includes using consistent color schemes, typography, iconography, and layout patterns.
- Designing interfaces that cater to users with disabilities is not only ethical but also legally required in many cases. This means ensuring that the interface is compatible with screen readers, keyboard navigation, and other assistive technologies.
- With the increasing number of users accessing the web on mobile devices, it’s essential to design interfaces that are responsive and adaptable to different screen sizes and resolutions. This resulted in a lot of responsive web design, adaptive design, or even creating separate mobile-specific versions of the interface.
- Slow-loading interfaces can be frustrating for users and negatively impact user engagement. I need to ensure that my designs are optimized for speed, both in terms of page load times and interactivity. This may involve using optimized images, minimizing HTTP requests, and ensuring that the code and the images were optimized for performance.
Solution
- Observed the user flow that was best for the users by leveraging heat mapping tools to give the user a more intuitive navigation.
- Followed the companies branding and used design elements that best corresponded with users.
- Followed the 508 accessibility standard.
- Made sure every screen that was designed had a tablet and mobile view as well.
- Compressed the code base and images to ensure a better loading time.
What I Provided
Worked as a marketing agency where I was in charge of building the mockups for new clients and also keeping track of the updating design and delegating the work to my team.
- Design responsive web and mobile application experiences using Sketch, Adobe XD, and Adobe illustrator.
- Design and Develop email templates.
- Created road maps, and managed scope for multiple design projects.
- Created style guides (fonts, colors, grids, font sizes) to make sure we hit details.
- Identified user experience flows and revised UI to better suit the user.
- Talked to shareholders and present weekly updates on projects.
- Establish web and Mobile designs by creating Wireframes and Mockups using Adobe XD.
- Conducted thorough research on users to build user profiles and make value propositions.
- Use UI best practices and build web components using HTML, CSS, Javascript and AngularJS.
